Skip to content

Update to Next.js v16 - #2100

Open
mateoclarke wants to merge 3 commits into
mainfrom
mateo/25372_nextjs_v16
Open

Update to Next.js v16#2100
mateoclarke wants to merge 3 commits into
mainfrom
mateo/25372_nextjs_v16

Conversation

@mateoclarke

@mateoclarke mateoclarke commented Jul 27, 2026

Copy link
Copy Markdown
Contributor

Associated issues

Closes cityofaustin/atd-data-tech#25372

Currently there are 17 warnings coming from React Compiler via npm run lint. I'll chip through them in a follow-up PR.

Testing

  • Builds locally and in staging without any linting errors.

URL to test:
Local or https://deploy-preview-2100--vze-staging.netlify.app/editor/crashes

Steps to test:

  • Sign-out/Sign-in
  • Click around all the different routes
  • Make sure there's nothing obviously broken and peek dev console for any warnings.

Ship list

  • Check migrations for any conflicts with latest migrations in main branch
  • Confirm Hasura role permissions for necessary access
  • Code reviewed
  • Product manager approved

@netlify

netlify Bot commented Jul 27, 2026

Copy link
Copy Markdown

Deploy Preview for vzv-staging canceled.

Name Link
🔨 Latest commit 71c30ba
🔍 Latest deploy log https://app.netlify.com/projects/vzv-staging/deploys/6a67b33df87ca50009c52580

@netlify

netlify Bot commented Jul 27, 2026

Copy link
Copy Markdown

Deploy Preview for vze-staging ready!

Name Link
🔨 Latest commit 71c30ba
🔍 Latest deploy log https://app.netlify.com/projects/vze-staging/deploys/6a67b33da53fb7000812e2c5
😎 Deploy Preview https://deploy-preview-2100--vze-staging.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

…ions

Fixes error:

```
[browser] Detected `scroll-behavior: smooth` on the `<html>` element. To disable smooth scrolling during route transitions, add `data-scroll-behavior="smooth"` to your <html> element. Learn more: https://nextjs.org/docs/messages/missing-data-scroll-behavior
```
Comment thread editor/app/layout.tsx
}) {
return (
<html lang="en" style={{ fontSize: "14px" }}>
<html lang="en" data-scroll-behavior="smooth" style={{ fontSize: "14px" }}>

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Bootstrap already sets CSS scroll-behavior: smooth. Next 16 stopped auto-disabling that during route transitions unless you opt in with this attribute. Without it, you get a browser console warning:

[browser] Detected `scroll-behavior: smooth` on the `<html>` element. To disable smooth scrolling during route transitions, add `data-scroll-behavior="smooth"` to your <html> element. Learn more: https://nextjs.org/docs/messages/missing-data-scroll-behavior

Comment thread editor/eslint.config.mjs
"no-unused-vars": "off",
"@typescript-eslint/no-unused-vars": "error",
// React Compiler rules newly enabled by eslint-config-next 16.
// Warn for now; fix and promote to error in a follow-up.

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Going to tackle these 17 lint warnings in a follow-on PR

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Upgrade VZE to NextJS v16

1 participant