Skip to content

chore(deps): upgrade everything to latest Next and React #1775

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 7 commits into from
Nov 15, 2022
Merged

Conversation

ascorbic
Copy link
Contributor

Summary

Manually upgrades demo sites and packages to Next 13.0.3 and React 18.2.0. Fixes a unit test broken by this.

Test plan

Check it all builds ok

Relevant links (GitHub issues, Notion docs, etc.) or a picture of cute animal

Standard checks:

  • Check the Deploy Preview's Demo site for your PR's functionality
  • Add docs when necessary

🧪 Once merged, make sure to update the version if needed and that it was published correctly.

@ascorbic ascorbic requested a review from a team November 15, 2022 11:52
@netlify
Copy link

netlify bot commented Nov 15, 2022

Deploy Preview for netlify-plugin-nextjs-nx-monorepo-demo ready!

Name Link
🔨 Latest commit a375a5d
🔍 Latest deploy log https://app.netlify.com/sites/netlify-plugin-nextjs-nx-monorepo-demo/deploys/6373e9208e052c00080074dd
😎 Deploy Preview https://deploy-preview-1775--netlify-plugin-nextjs-nx-monorepo-demo.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 site settings.

@netlify
Copy link

netlify bot commented Nov 15, 2022

Deploy Preview for netlify-plugin-nextjs-export-demo ready!

Name Link
🔨 Latest commit a375a5d
🔍 Latest deploy log https://app.netlify.com/sites/netlify-plugin-nextjs-export-demo/deploys/6373e920fd2f400008f3aa0d
😎 Deploy Preview https://deploy-preview-1775--netlify-plugin-nextjs-export-demo.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 site settings.

@netlify
Copy link

netlify bot commented Nov 15, 2022

Deploy Preview for netlify-plugin-nextjs-next-auth-demo ready!

Name Link
🔨 Latest commit a375a5d
🔍 Latest deploy log https://app.netlify.com/sites/netlify-plugin-nextjs-next-auth-demo/deploys/6373e920e0140900087937f1
😎 Deploy Preview https://deploy-preview-1775--netlify-plugin-nextjs-next-auth-demo.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 site settings.

@netlify
Copy link

netlify bot commented Nov 15, 2022

Deploy Preview for netlify-plugin-nextjs-static-root-demo ready!

Name Link
🔨 Latest commit a375a5d
🔍 Latest deploy log https://app.netlify.com/sites/netlify-plugin-nextjs-static-root-demo/deploys/6373e920eaa9040009afbc18
😎 Deploy Preview https://deploy-preview-1775--netlify-plugin-nextjs-static-root-demo.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 site settings.

@netlify
Copy link

netlify bot commented Nov 15, 2022

Deploy Preview for next-i18next-demo ready!

Name Link
🔨 Latest commit a375a5d
🔍 Latest deploy log https://app.netlify.com/sites/next-i18next-demo/deploys/6373e9205bbbd000081cecd6
😎 Deploy Preview https://deploy-preview-1775--next-i18next-demo.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 site settings.

@netlify
Copy link

netlify bot commented Nov 15, 2022

Deploy Preview for next-plugin-canary ready!

Name Link
🔨 Latest commit a375a5d
🔍 Latest deploy log https://app.netlify.com/sites/next-plugin-canary/deploys/6373e920ea2f6e000883f71d
😎 Deploy Preview https://deploy-preview-1775--next-plugin-canary.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 site settings.

@github-actions github-actions bot added the type: chore work needed to keep the product and development running smoothly label Nov 15, 2022
@netlify
Copy link

netlify bot commented Nov 15, 2022

Deploy Preview for next-plugin-edge-middleware ready!

Name Link
🔨 Latest commit a375a5d
🔍 Latest deploy log https://app.netlify.com/sites/next-plugin-edge-middleware/deploys/6373e9208e052c00080074e2
😎 Deploy Preview https://deploy-preview-1775--next-plugin-edge-middleware.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 site settings.

@netlify
Copy link

netlify bot commented Nov 15, 2022

Deploy Preview for nextjs-plugin-custom-routes-demo ready!

Name Link
🔨 Latest commit a375a5d
🔍 Latest deploy log https://app.netlify.com/sites/nextjs-plugin-custom-routes-demo/deploys/6373e920ea2f6e000883f71f
😎 Deploy Preview https://deploy-preview-1775--nextjs-plugin-custom-routes-demo.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 site settings.

@netlify
Copy link

netlify bot commented Nov 15, 2022

Deploy Preview for nextjs-plugin-next-11-demo failed.

Name Link
🔨 Latest commit a375a5d
🔍 Latest deploy log https://app.netlify.com/sites/nextjs-plugin-next-11-demo/deploys/6373e920d622fb000810d6ce

@netlify
Copy link

netlify bot commented Nov 15, 2022

Deploy Preview for netlify-plugin-nextjs-demo ready!

Name Link
🔨 Latest commit a375a5d
🔍 Latest deploy log https://app.netlify.com/sites/netlify-plugin-nextjs-demo/deploys/6373e9203aa9520009ebd176
😎 Deploy Preview https://deploy-preview-1775--netlify-plugin-nextjs-demo.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 site settings.

@ascorbic ascorbic marked this pull request as draft November 15, 2022 12:13
@ascorbic
Copy link
Contributor Author

Something is up with the API route dependency resolution

@ascorbic ascorbic force-pushed the mk/next-13-0-3 branch 3 times, most recently from 1600ce7 to 568145b Compare November 15, 2022 17:51
@ascorbic ascorbic marked this pull request as ready for review November 15, 2022 19:36
@kodiakhq kodiakhq bot merged commit 915e9dd into main Nov 15, 2022
@kodiakhq kodiakhq bot deleted the mk/next-13-0-3 branch November 15, 2022 19:51
@@ -5,7 +5,6 @@ ignore = "if [ $CACHED_COMMIT_REF == $COMMIT_REF ]; then (exit 1); else git diff

[build.environment]
TERM = "xterm"
NODE_VERSION = "17"

Choose a reason for hiding this comment

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

Is this safe to remove? I can't remember why we had this set.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

It was for Cypress. It caused breakages with this update, as there are packages with engines fields that don't like it. It didn't seem to be needed anymore, and the tests still pass.

@@ -5,7 +5,6 @@ ignore = "if [ $CACHED_COMMIT_REF == $COMMIT_REF ]; then (exit 1); else git diff

[build.environment]
NETLIFY_NEXT_PLUGIN_SKIP = "true"
NODE_VERSION = "17"

Choose a reason for hiding this comment

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

Same as above

@@ -1,6 +1,6 @@
import Chance from 'chance'
import { NextURL } from 'next/dist/server/web/next-url'
import { NextCookies } from 'next/dist/server/web/spec-extension/cookies'
import { RequestCookies } from 'next/dist/server/web/spec-extension/cookies'

Choose a reason for hiding this comment

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

Is this to fixe the RespsonseCookies.getAll()?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

@nickytonline No, this is related to changes in Next 13, where they switched from a single NextCookies class into separate RequestCookies and ResponseCookies classes

@@ -356,7 +356,7 @@ export const getDependenciesOfFile = async (file: string) => {
return []
}
const dependencies = await readJson(nft, 'utf8')
return dependencies.files.map((dep) => resolve(file, dep))
return dependencies.files.map((dep) => resolve(dirname(file), dep))

Choose a reason for hiding this comment

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

This fixes the tests, i.e. snapshots below, but do we have something in place to test this aside from the snapshot?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

@nickytonline I added tests in #1780, which is a more comprehensive fix

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
automerge type: chore work needed to keep the product and development running smoothly
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants