Skip to content
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

Styled components example crashes on reload #44164

Closed
1 task done
buzzysin opened this issue Dec 19, 2022 · 1 comment · Fixed by #44165
Closed
1 task done

Styled components example crashes on reload #44164

buzzysin opened this issue Dec 19, 2022 · 1 comment · Fixed by #44165
Labels
examples Issue/PR related to examples

Comments

@buzzysin
Copy link

Verify canary release

  • I verified that the issue exists in the latest Next.js canary release

Provide environment information

$ npx next info
    Operating System:
      Platform: linux
      Arch: x64
      Version: #1 SMP Wed Nov 23 01:01:46 UTC 2022
    Binaries:
      Node: 19.2.0
      npm: 9.2.0
      Yarn: N/A
      pnpm: N/A
    Relevant packages:
      next: 13.0.7
      eslint-config-next: 13.0.7
      react: 18.2.0
      react-dom: 18.2.0

Which example does this report relate to?

with-turbopack

What browser are you using? (if relevant)

Edge Version 108.0.1462.54 (Official build) (64-bit)

How are you deploying your application? (if relevant)

next dev

Describe the Bug

The styled-components example page errors on reload.

image

Expected Behavior

The styled-components example page does not error on reload. Like vercel/app-playground.

To Reproduce

For with-turbopack example:

$ npx create-next-app --example with-turbopack --typescript <dir>
$ cd <dir>  && npx next dev --turbo --show-all

Navigate to localhost:3000/styling/styled-components and reload the page. An error is produced.

For app-playground example:

$ npx create-next-app --example https://github.com/vercel/app-playground --typescript <dir>
$ cd <dir>  && npx next dev --turbo --show-all

Navigate to localhost:3000/styling/styled-components and reload the page. No error is produced.

@buzzysin buzzysin added the examples Issue/PR related to examples label Dec 19, 2022
@kodiakhq kodiakhq bot closed this as completed in #44165 Dec 19, 2022
kodiakhq bot pushed a commit that referenced this issue Dec 19, 2022
Closes: #44164

Sync to the latest setup doc on https://beta.nextjs.org/docs/styling/css-in-js#styled-components

## Documentation / Examples

- [x] Make sure the linting passes by running `pnpm build && pnpm lint`
- [x] The "examples guidelines" are followed from [our contributing doc](https://github.com/vercel/next.js/blob/canary/contributing/examples/adding-examples.md)
@github-actions
Copy link
Contributor

This closed issue has been automatically locked because it had no new activity for a month. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.

@github-actions github-actions bot locked as resolved and limited conversation to collaborators Jan 19, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
examples Issue/PR related to examples
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant