├── .gitignore ├── .yalc └── nextjs-with-storybook │ ├── .babelrc │ ├── .storybook │ ├── main.js │ └── preview.js │ ├── README.md │ ├── components │ └── MyLink.tsx │ ├── next-env.d.ts │ ├── package.json │ ├── pages │ ├── _app.tsx │ └── index.tsx │ ├── public │ ├── favicon.ico │ └── vercel.svg │ ├── stories │ ├── MyLink.stories.tsx │ └── assets │ │ ├── code-brackets.svg │ │ ├── colors.svg │ │ ├── comments.svg │ │ ├── direction.svg │ │ ├── flow.svg │ │ ├── plugin.svg │ │ ├── repo.svg │ │ └── stackalt.svg │ ├── styles │ ├── Home.module.css │ └── globals.css │ ├── tsconfig.json │ └── yalc.sig ├── README.md ├── components └── locale-switcher.js ├── next-env.d.ts ├── next.config.js ├── package.json ├── pages ├── gsp │ ├── [slug].js │ └── index.js ├── gssp.js └── index.js ├── yalc.lock └── yarn.lock /.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | 8 | # testing 9 | /coverage 10 | 11 | # next.js 12 | /.next/ 13 | /out/ 14 | 15 | # production 16 | /build 17 | 18 | # misc 19 | .DS_Store 20 | *.pem 21 | 22 | # debug 23 | npm-debug.log* 24 | yarn-debug.log* 25 | yarn-error.log* 26 | 27 | # local env files 28 | .env.local 29 | .env.development.local 30 | .env.test.local 31 | .env.production.local 32 | 33 | # vercel 34 | .vercel 35 | -------------------------------------------------------------------------------- /.yalc/nextjs-with-storybook/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ 3 | [ 4 | "next/babel", 5 | { 6 | "styled-jsx": { 7 | "plugins": ["@styled-jsx/plugin-sass"] 8 | } 9 | } 10 | ] 11 | ] 12 | } 13 | -------------------------------------------------------------------------------- /.yalc/nextjs-with-storybook/.storybook/main.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | stories: [ 3 | '../stories/**/*.stories.mdx', 4 | '../stories/**/*.stories.@(js|jsx|ts|tsx)', 5 | ], 6 | addons: ['@storybook/addon-links', '@storybook/addon-essentials'], 7 | } 8 | -------------------------------------------------------------------------------- /.yalc/nextjs-with-storybook/.storybook/preview.js: -------------------------------------------------------------------------------- 1 | export const parameters = { 2 | actions: { argTypesRegex: '^on[A-Z].*' }, 3 | } 4 | -------------------------------------------------------------------------------- /.yalc/nextjs-with-storybook/README.md: -------------------------------------------------------------------------------- 1 | # Example app with Storybook setup for SCSS in Styled-jsx 2 | 3 | This example shows Styled-jsx (with SCSS) working for components written in TypeScript rendered both inside and outside of Storybook. 4 | 5 | ## Preview 6 | 7 | Preview the example live on [StackBlitz](http://stackblitz.com/): 8 | 9 | [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/with-storybook-styled-jsx-scss) 10 | 11 | ## Deploy your own 12 | 13 | Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example): 14 | 15 | [![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/git/external?repository-url=https://github.com/vercel/next.js/tree/canary/examples/with-storybook-styled-jsx-scss&project-name=with-storybook-styled-jsx-scss&repository-name=with-storybook-styled-jsx-scss) 16 | 17 | ## How to use 18 | 19 | Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example: 20 | 21 | ```bash 22 | npx create-next-app --example with-storybook-styled-jsx-scss with-storybook-styled-jsx-scss-app 23 | # or 24 | yarn create next-app --example with-storybook-styled-jsx-scss with-storybook-styled-jsx-scss-app 25 | ``` 26 | 27 | ### Run Storybook 28 | 29 | ```bash 30 | npm run storybook 31 | # or 32 | yarn storybook 33 | ``` 34 | 35 | ### Build Static Storybook 36 | 37 | ```bash 38 | npm run build-storybook 39 | # or 40 | yarn build-storybook 41 | ``` 42 | 43 | You can use [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) to deploy Storybook. Specify `storybook-static` as the output directory. 44 | 45 | ## Notes 46 | 47 | This example combines the following examples, with some required extra config added: 48 | 49 | - [with-storybook](https://github.com/vercel/next.js/tree/canary/examples/with-storybook) 50 | - [with-styled-jsx-scss](https://github.com/vercel/next.js/tree/canary/examples/with-styled-jsx-scss) 51 | - [with-typescript](https://github.com/vercel/next.js/tree/canary/examples/with-typescript) 52 | -------------------------------------------------------------------------------- /.yalc/nextjs-with-storybook/components/MyLink.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | import Link from 'next/link' 4 | 5 | export interface MyLinkProps { 6 | title: string 7 | } 8 | 9 | export const MyLink: React.FC = ({title}) => ( 10 | {title} 11 | ) 12 | -------------------------------------------------------------------------------- /.yalc/nextjs-with-storybook/next-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | /// 3 | 4 | // NOTE: This file should not be edited 5 | // see https://nextjs.org/docs/basic-features/typescript for more information. 6 | -------------------------------------------------------------------------------- /.yalc/nextjs-with-storybook/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "private": false, 3 | "name": "nextjs-with-storybook", 4 | "version": "1.0.2", 5 | "scripts": { 6 | "dev": "next dev", 7 | "build": "next build", 8 | "start": "next start", 9 | "type-check": "tsc", 10 | "storybook": "start-storybook -p 6006 --no-dll", 11 | "build-storybook": "build-storybook --no-dll" 12 | }, 13 | "dependencies": { 14 | "next": "latest", 15 | "react": "^17.0.2", 16 | "react-dom": "^17.0.2" 17 | }, 18 | "yalcSig": "3223bd420351e61d1bf0f6aa38e3917a" 19 | } 20 | -------------------------------------------------------------------------------- /.yalc/nextjs-with-storybook/pages/_app.tsx: -------------------------------------------------------------------------------- 1 | import { AppProps } from 'next/app' 2 | import '../styles/globals.css' 3 | 4 | function MyApp({ Component, pageProps }: AppProps) { 5 | return 6 | } 7 | 8 | export default MyApp 9 | -------------------------------------------------------------------------------- /.yalc/nextjs-with-storybook/pages/index.tsx: -------------------------------------------------------------------------------- 1 | import Head from 'next/head' 2 | import styles from '../styles/Home.module.css' 3 | 4 | const demoProps = { 5 | user: {}, 6 | onLogin: () => {}, 7 | onLogout: () => {}, 8 | onCreateAccount: () => {}, 9 | } 10 | 11 | export default function Home() { 12 | return ( 13 |
14 | 15 | Create Next App 16 | 17 | 18 | 19 | {/* Including demo props here for example */} 20 | 21 | 31 |
32 | ) 33 | } 34 | -------------------------------------------------------------------------------- /.yalc/nextjs-with-storybook/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/nextjs-issue-example/7c87f2a4f3f20932141560114462aa566d2d7e9b/.yalc/nextjs-with-storybook/public/favicon.ico -------------------------------------------------------------------------------- /.yalc/nextjs-with-storybook/public/vercel.svg: -------------------------------------------------------------------------------- 1 | 3 | 4 | -------------------------------------------------------------------------------- /.yalc/nextjs-with-storybook/stories/MyLink.stories.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // also exported from '@storybook/react' if you can deal with breaking changes in 6.1 3 | import { Story, Meta } from '@storybook/react/types-6-0' 4 | 5 | import { MyLink, MyLinkProps } from '../components/MyLink' 6 | 7 | export default { 8 | title: 'Example/MyLink', 9 | component: MyLink 10 | } as Meta 11 | 12 | const Template: Story = args => 13 | 14 | export const MyLinkTest = Template.bind({}) 15 | MyLinkTest.args = { 16 | title: 'My Link' 17 | } 18 | -------------------------------------------------------------------------------- /.yalc/nextjs-with-storybook/stories/assets/code-brackets.svg: -------------------------------------------------------------------------------- 1 | illustration/code-brackets 2 | -------------------------------------------------------------------------------- /.yalc/nextjs-with-storybook/stories/assets/colors.svg: -------------------------------------------------------------------------------- 1 | illustration/colors 2 | -------------------------------------------------------------------------------- /.yalc/nextjs-with-storybook/stories/assets/comments.svg: -------------------------------------------------------------------------------- 1 | illustration/comments 2 | -------------------------------------------------------------------------------- /.yalc/nextjs-with-storybook/stories/assets/direction.svg: -------------------------------------------------------------------------------- 1 | illustration/direction 2 | -------------------------------------------------------------------------------- /.yalc/nextjs-with-storybook/stories/assets/flow.svg: -------------------------------------------------------------------------------- 1 | illustration/flow 2 | -------------------------------------------------------------------------------- /.yalc/nextjs-with-storybook/stories/assets/plugin.svg: -------------------------------------------------------------------------------- 1 | illustration/plugin 2 | -------------------------------------------------------------------------------- /.yalc/nextjs-with-storybook/stories/assets/repo.svg: -------------------------------------------------------------------------------- 1 | illustration/repo 2 | -------------------------------------------------------------------------------- /.yalc/nextjs-with-storybook/stories/assets/stackalt.svg: -------------------------------------------------------------------------------- 1 | illustration/stackalt 2 | -------------------------------------------------------------------------------- /.yalc/nextjs-with-storybook/styles/Home.module.css: -------------------------------------------------------------------------------- 1 | .container { 2 | min-height: 100vh; 3 | padding: 0 0.5rem; 4 | display: flex; 5 | flex-direction: column; 6 | justify-content: left; 7 | align-items: center; 8 | } 9 | 10 | .main { 11 | padding: 5rem 0; 12 | flex: 1; 13 | display: flex; 14 | flex-direction: column; 15 | justify-content: center; 16 | align-items: center; 17 | } 18 | 19 | .footer { 20 | width: 100%; 21 | height: 100px; 22 | border-top: 1px solid #eaeaea; 23 | display: flex; 24 | justify-content: center; 25 | align-items: center; 26 | } 27 | 28 | .footer img { 29 | margin-left: 0.5rem; 30 | } 31 | 32 | .footer a { 33 | display: flex; 34 | justify-content: center; 35 | align-items: center; 36 | } 37 | 38 | .title a { 39 | color: #0070f3; 40 | text-decoration: none; 41 | } 42 | 43 | .title a:hover, 44 | .title a:focus, 45 | .title a:active { 46 | text-decoration: underline; 47 | } 48 | 49 | .title { 50 | margin: 0; 51 | line-height: 1.15; 52 | font-size: 4rem; 53 | } 54 | 55 | .title, 56 | .description { 57 | text-align: center; 58 | } 59 | 60 | .description { 61 | line-height: 1.5; 62 | font-size: 1.5rem; 63 | } 64 | 65 | .code { 66 | background: #fafafa; 67 | border-radius: 5px; 68 | padding: 0.75rem; 69 | font-size: 1.1rem; 70 | font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, 71 | Bitstream Vera Sans Mono, Courier New, monospace; 72 | } 73 | 74 | .grid { 75 | display: flex; 76 | align-items: center; 77 | justify-content: center; 78 | flex-wrap: wrap; 79 | max-width: 800px; 80 | margin-top: 3rem; 81 | } 82 | 83 | .card { 84 | margin: 1rem; 85 | flex-basis: 45%; 86 | padding: 1.5rem; 87 | text-align: left; 88 | color: inherit; 89 | text-decoration: none; 90 | border: 1px solid #eaeaea; 91 | border-radius: 10px; 92 | transition: color 0.15s ease, border-color 0.15s ease; 93 | } 94 | 95 | .card:hover, 96 | .card:focus, 97 | .card:active { 98 | color: #0070f3; 99 | border-color: #0070f3; 100 | } 101 | 102 | .card h3 { 103 | margin: 0 0 1rem 0; 104 | font-size: 1.5rem; 105 | } 106 | 107 | .card p { 108 | margin: 0; 109 | font-size: 1.25rem; 110 | line-height: 1.5; 111 | } 112 | 113 | .logo { 114 | height: 1em; 115 | } 116 | 117 | @media (max-width: 600px) { 118 | .grid { 119 | width: 100%; 120 | flex-direction: column; 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /.yalc/nextjs-with-storybook/styles/globals.css: -------------------------------------------------------------------------------- 1 | html, 2 | body { 3 | padding: 0; 4 | margin: 0; 5 | font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, 6 | Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; 7 | } 8 | 9 | a { 10 | color: inherit; 11 | text-decoration: none; 12 | } 13 | 14 | * { 15 | box-sizing: border-box; 16 | } 17 | -------------------------------------------------------------------------------- /.yalc/nextjs-with-storybook/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "es5", 4 | "lib": [ 5 | "dom", 6 | "dom.iterable", 7 | "esnext" 8 | ], 9 | "allowJs": true, 10 | "skipLibCheck": true, 11 | "strict": true, 12 | "forceConsistentCasingInFileNames": true, 13 | "noEmit": true, 14 | "esModuleInterop": true, 15 | "module": "esnext", 16 | "moduleResolution": "node", 17 | "resolveJsonModule": true, 18 | "isolatedModules": true, 19 | "jsx": "preserve", 20 | "incremental": true 21 | }, 22 | "include": [ 23 | "next-env.d.ts", 24 | "**/*.ts", 25 | "**/*.tsx" 26 | ], 27 | "exclude": [ 28 | "node_modules" 29 | ] 30 | } 31 | -------------------------------------------------------------------------------- /.yalc/nextjs-with-storybook/yalc.sig: -------------------------------------------------------------------------------- 1 | 3223bd420351e61d1bf0f6aa38e3917a -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Example for NextJS issue 2 | 3 | ## Issue 4 | 5 | Example for [NextJs doesn’t set locale for Link in components from node_modules #34443](https://github.com/vercel/next.js/issues/34443): 6 | 7 | 8 | ## Commands 9 | 10 | | Command | Description | 11 | | ---------- | --------------------- | 12 | | yarn | install dependencies | 13 | | yarn dev | serve with hot reload | 14 | | yarn build | build the project | 15 | | yarn start | start the project | 16 | -------------------------------------------------------------------------------- /components/locale-switcher.js: -------------------------------------------------------------------------------- 1 | import Link from 'next/link' 2 | import { useRouter } from 'next/router' 3 | 4 | export default function LocaleSwitcher() { 5 | const router = useRouter() 6 | const { locales, locale: activeLocale } = router 7 | const otherLocales = locales.filter((locale) => locale !== activeLocale) 8 | 9 | return ( 10 |
11 |

Locale switcher:

12 |
    13 | {otherLocales.map((locale) => { 14 | const { pathname, query, asPath } = router 15 | return ( 16 |
  • 17 | 18 | {locale} 19 | 20 |
    • 21 | ) 22 | })} 23 |
24 |
25 | ) 26 | } 27 | -------------------------------------------------------------------------------- /next-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | /// 3 | 4 | // NOTE: This file should not be edited 5 | // see https://nextjs.org/docs/basic-features/typescript for more information. 6 | -------------------------------------------------------------------------------- /next.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | i18n: { 3 | locales: ['en', 'fr', 'nl'], 4 | defaultLocale: 'en', 5 | }, 6 | } 7 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "private": true, 3 | "scripts": { 4 | "dev": "next", 5 | "build": "next build", 6 | "start": "next start" 7 | }, 8 | "dependencies": { 9 | "next": "latest", 10 | "react": "^17.0.2", 11 | "react-dom": "^17.0.2" 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /pages/gsp/[slug].js: -------------------------------------------------------------------------------- 1 | import Link from 'next/link' 2 | import { useRouter } from 'next/router' 3 | import LocaleSwitcher from '../../components/locale-switcher' 4 | 5 | export default function GspPage(props) { 6 | const router = useRouter() 7 | const { defaultLocale, isFallback, query } = router 8 | 9 | if (isFallback) { 10 | return 'Loading...' 11 | } 12 | 13 | return ( 14 |
15 |

getStaticProps page

16 |

Current slug: {query.slug}

17 |

Current locale: {props.locale}

18 |

Default locale: {defaultLocale}

19 |

Configured locales: {JSON.stringify(props.locales)}

20 | 21 | 22 | 23 | 24 | To getStaticProps page 25 | 26 |
27 | 28 | 29 | To getServerSideProps page 30 | 31 |
32 | 33 | 34 | To index page 35 | 36 |
37 |
38 | ) 39 | } 40 | 41 | export const getStaticProps = ({ locale, locales }) => { 42 | return { 43 | props: { 44 | locale, 45 | locales, 46 | }, 47 | } 48 | } 49 | 50 | export const getStaticPaths = ({ locales }) => { 51 | const paths = [] 52 | 53 | for (const locale of locales) { 54 | paths.push({ params: { slug: 'first' }, locale }) 55 | paths.push({ params: { slug: 'second' }, locale }) 56 | } 57 | 58 | return { 59 | paths, 60 | fallback: true, 61 | } 62 | } 63 | -------------------------------------------------------------------------------- /pages/gsp/index.js: -------------------------------------------------------------------------------- 1 | import Link from 'next/link' 2 | import { useRouter } from 'next/router' 3 | import LocaleSwitcher from '../../components/locale-switcher' 4 | 5 | export default function GspPage(props) { 6 | const router = useRouter() 7 | const { defaultLocale } = router 8 | 9 | return ( 10 |
11 |

getStaticProps page

12 |

Current locale: {props.locale}

13 |

Default locale: {defaultLocale}

14 |

Configured locales: {JSON.stringify(props.locales)}

15 | 16 | 17 | 18 | 19 | To dynamic getStaticProps page 20 | 21 |
22 | 23 | 24 | To getServerSideProps page 25 | 26 |
27 | 28 | 29 | To index page 30 | 31 |
32 |
33 | ) 34 | } 35 | 36 | export const getStaticProps = ({ locale, locales }) => { 37 | return { 38 | props: { 39 | locale, 40 | locales, 41 | }, 42 | } 43 | } 44 | -------------------------------------------------------------------------------- /pages/gssp.js: -------------------------------------------------------------------------------- 1 | import Link from 'next/link' 2 | import { useRouter } from 'next/router' 3 | import LocaleSwitcher from '../components/locale-switcher' 4 | 5 | export default function GsspPage(props) { 6 | const router = useRouter() 7 | const { defaultLocale } = router 8 | 9 | return ( 10 |
11 |

getServerSideProps page

12 |

Current locale: {props.locale}

13 |

Default locale: {defaultLocale}

14 |

Configured locales: {JSON.stringify(props.locales)}

15 | 16 | 17 | 18 | 19 | To getStaticProps page 20 | 21 |
22 | 23 | 24 | To dynamic getStaticProps page 25 | 26 |
27 | 28 | 29 | To index page 30 | 31 |
32 |
33 | ) 34 | } 35 | 36 | export const getServerSideProps = ({ locale, locales }) => { 37 | return { 38 | props: { 39 | locale, 40 | locales, 41 | }, 42 | } 43 | } 44 | -------------------------------------------------------------------------------- /pages/index.js: -------------------------------------------------------------------------------- 1 | import Link from 'next/link' 2 | import { useRouter } from 'next/router' 3 | import LocaleSwitcher from '../components/locale-switcher' 4 | 5 | export default function IndexPage(props) { 6 | const router = useRouter() 7 | const { locale, locales, defaultLocale } = router 8 | 9 | return ( 10 |
11 |

Index page

12 |

Current locale: {locale}

13 |

Default locale: {defaultLocale}

14 |

Configured locales: {JSON.stringify(locales)}

15 | 16 | 17 | 18 | 19 | To getStaticProps page 20 | 21 |
22 | 23 | 24 | To dynamic getStaticProps page 25 | 26 |
27 | 28 | 29 | To getServerSideProps page 30 | 31 |
32 |
33 | ) 34 | } 35 | -------------------------------------------------------------------------------- /yalc.lock: -------------------------------------------------------------------------------- 1 | { 2 | "version": "v1", 3 | "packages": { 4 | "nextjs-with-storybook": { 5 | "signature": "3223bd420351e61d1bf0f6aa38e3917a", 6 | "file": true 7 | } 8 | } 9 | } -------------------------------------------------------------------------------- /yarn.lock: -------------------------------------------------------------------------------- 1 | # THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY. 2 | # yarn lockfile v1 3 | 4 | 5 | "@next/env@12.1.0": 6 | version "12.1.0" 7 | resolved "https://registry.yarnpkg.com/@next/env/-/env-12.1.0.tgz#73713399399b34aa5a01771fb73272b55b22c314" 8 | integrity sha512-nrIgY6t17FQ9xxwH3jj0a6EOiQ/WDHUos35Hghtr+SWN/ntHIQ7UpuvSi0vaLzZVHQWaDupKI+liO5vANcDeTQ== 9 | 10 | "@next/swc-android-arm64@12.1.0": 11 | version "12.1.0" 12 | resolved "https://registry.yarnpkg.com/@next/swc-android-arm64/-/swc-android-arm64-12.1.0.tgz#865ba3a9afc204ff2bdeea49dd64d58705007a39" 13 | integrity sha512-/280MLdZe0W03stA69iL+v6I+J1ascrQ6FrXBlXGCsGzrfMaGr7fskMa0T5AhQIVQD4nA/46QQWxG//DYuFBcA== 14 | 15 | "@next/swc-darwin-arm64@12.1.0": 16 | version "12.1.0" 17 | resolved "https://registry.yarnpkg.com/@next/swc-darwin-arm64/-/swc-darwin-arm64-12.1.0.tgz#08e8b411b8accd095009ed12efbc2f1d4d547135" 18 | integrity sha512-R8vcXE2/iONJ1Unf5Ptqjk6LRW3bggH+8drNkkzH4FLEQkHtELhvcmJwkXcuipyQCsIakldAXhRbZmm3YN1vXg== 19 | 20 | "@next/swc-darwin-x64@12.1.0": 21 | version "12.1.0" 22 | resolved "https://registry.yarnpkg.com/@next/swc-darwin-x64/-/swc-darwin-x64-12.1.0.tgz#fcd684497a76e8feaca88db3c394480ff0b007cd" 23 | integrity sha512-ieAz0/J0PhmbZBB8+EA/JGdhRHBogF8BWaeqR7hwveb6SYEIJaDNQy0I+ZN8gF8hLj63bEDxJAs/cEhdnTq+ug== 24 | 25 | "@next/swc-linux-arm-gnueabihf@12.1.0": 26 | version "12.1.0" 27 | resolved "https://registry.yarnpkg.com/@next/swc-linux-arm-gnueabihf/-/swc-linux-arm-gnueabihf-12.1.0.tgz#9ec6380a27938a5799aaa6035c205b3c478468a7" 28 | integrity sha512-njUd9hpl6o6A5d08dC0cKAgXKCzm5fFtgGe6i0eko8IAdtAPbtHxtpre3VeSxdZvuGFh+hb0REySQP9T1ttkog== 29 | 30 | "@next/swc-linux-arm64-gnu@12.1.0": 31 | version "12.1.0" 32 | resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-12.1.0.tgz#7f4196dff1049cea479607c75b81033ae2dbd093" 33 | integrity sha512-OqangJLkRxVxMhDtcb7Qn1xjzFA3s50EIxY7mljbSCLybU+sByPaWAHY4px97ieOlr2y4S0xdPKkQ3BCAwyo6Q== 34 | 35 | "@next/swc-linux-arm64-musl@12.1.0": 36 | version "12.1.0" 37 | resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-12.1.0.tgz#b445f767569cdc2dddee785ca495e1a88c025566" 38 | integrity sha512-hB8cLSt4GdmOpcwRe2UzI5UWn6HHO/vLkr5OTuNvCJ5xGDwpPXelVkYW/0+C3g5axbDW2Tym4S+MQCkkH9QfWA== 39 | 40 | "@next/swc-linux-x64-gnu@12.1.0": 41 | version "12.1.0" 42 | resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-12.1.0.tgz#67610e9be4fbc987de7535f1bcb17e45fe12f90e" 43 | integrity sha512-OKO4R/digvrVuweSw/uBM4nSdyzsBV5EwkUeeG4KVpkIZEe64ZwRpnFB65bC6hGwxIBnTv5NMSnJ+0K/WmG78A== 44 | 45 | "@next/swc-linux-x64-musl@12.1.0": 46 | version "12.1.0" 47 | resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-12.1.0.tgz#ea19a23db08a9f2e34ac30401f774cf7d1669d31" 48 | integrity sha512-JohhgAHZvOD3rQY7tlp7NlmvtvYHBYgY0x5ZCecUT6eCCcl9lv6iV3nfu82ErkxNk1H893fqH0FUpznZ/H3pSw== 49 | 50 | "@next/swc-win32-arm64-msvc@12.1.0": 51 | version "12.1.0" 52 | resolved "https://registry.yarnpkg.com/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-12.1.0.tgz#eadf054fc412085659b98e145435bbba200b5283" 53 | integrity sha512-T/3gIE6QEfKIJ4dmJk75v9hhNiYZhQYAoYm4iVo1TgcsuaKLFa+zMPh4056AHiG6n9tn2UQ1CFE8EoybEsqsSw== 54 | 55 | "@next/swc-win32-ia32-msvc@12.1.0": 56 | version "12.1.0" 57 | resolved "https://registry.yarnpkg.com/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-12.1.0.tgz#68faeae10c89f698bf9d28759172b74c9c21bda1" 58 | integrity sha512-iwnKgHJdqhIW19H9PRPM9j55V6RdcOo6rX+5imx832BCWzkDbyomWnlzBfr6ByUYfhohb8QuH4hSGEikpPqI0Q== 59 | 60 | "@next/swc-win32-x64-msvc@12.1.0": 61 | version "12.1.0" 62 | resolved "https://registry.yarnpkg.com/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-12.1.0.tgz#d27e7e76c87a460a4da99c5bfdb1618dcd6cd064" 63 | integrity sha512-aBvcbMwuanDH4EMrL2TthNJy+4nP59Bimn8egqv6GHMVj0a44cU6Au4PjOhLNqEh9l+IpRGBqMTzec94UdC5xg== 64 | 65 | "@types/node@^14.14.2": 66 | version "14.18.12" 67 | resolved "https://registry.yarnpkg.com/@types/node/-/node-14.18.12.tgz#0d4557fd3b94497d793efd4e7d92df2f83b4ef24" 68 | integrity sha512-q4jlIR71hUpWTnGhXWcakgkZeHa3CCjcQcnuzU8M891BAWA2jHiziiWEPEkdS5pFsz7H9HJiy8BrK7tBRNrY7A== 69 | 70 | "@types/prop-types@*": 71 | version "15.7.4" 72 | resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.4.tgz#fcf7205c25dff795ee79af1e30da2c9790808f11" 73 | integrity sha512-rZ5drC/jWjrArrS8BR6SIr4cWpW09RNTYt9AMZo3Jwwif+iacXAqgVjm0B0Bv/S1jhDXKHqRVNCbACkJ89RAnQ== 74 | 75 | "@types/react-dom@^16.9.8": 76 | version "16.9.14" 77 | resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-16.9.14.tgz#674b8f116645fe5266b40b525777fc6bb8eb3bcd" 78 | integrity sha512-FIX2AVmPTGP30OUJ+0vadeIFJJ07Mh1m+U0rxfgyW34p3rTlXI+nlenvAxNn4BP36YyI9IJ/+UJ7Wu22N1pI7A== 79 | dependencies: 80 | "@types/react" "^16" 81 | 82 | "@types/react@^16", "@types/react@^16.9.53": 83 | version "16.14.23" 84 | resolved "https://registry.yarnpkg.com/@types/react/-/react-16.14.23.tgz#37201b9f2324c5ff8fa4600dbf19079dfdffc880" 85 | integrity sha512-WngBZLuSkP4IAgPi0HOsGCHo6dn3CcuLQnCfC17VbA7YBgipZiZoTOhObwl/93DsFW0Y2a/ZXeonpW4DxirEJg== 86 | dependencies: 87 | "@types/prop-types" "*" 88 | "@types/scheduler" "*" 89 | csstype "^3.0.2" 90 | 91 | "@types/scheduler@*": 92 | version "0.16.2" 93 | resolved "https://registry.yarnpkg.com/@types/scheduler/-/scheduler-0.16.2.tgz#1a62f89525723dde24ba1b01b092bf5df8ad4d39" 94 | integrity sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew== 95 | 96 | caniuse-lite@^1.0.30001283: 97 | version "1.0.30001312" 98 | resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001312.tgz#e11eba4b87e24d22697dae05455d5aea28550d5f" 99 | integrity sha512-Wiz1Psk2MEK0pX3rUzWaunLTZzqS2JYZFzNKqAiJGiuxIjRPLgV6+VDPOg6lQOUxmDwhTlh198JsTTi8Hzw6aQ== 100 | 101 | csstype@^3.0.2: 102 | version "3.0.10" 103 | resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.0.10.tgz#2ad3a7bed70f35b965707c092e5f30b327c290e5" 104 | integrity sha512-2u44ZG2OcNUO9HDp/Jl8C07x6pU/eTR3ncV91SiK3dhG9TWvRVsCoJw14Ckx5DgWkzGA3waZWO3d7pgqpUI/XA== 105 | 106 | "js-tokens@^3.0.0 || ^4.0.0": 107 | version "4.0.0" 108 | resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499" 109 | integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ== 110 | 111 | loose-envify@^1.1.0: 112 | version "1.4.0" 113 | resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf" 114 | integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q== 115 | dependencies: 116 | js-tokens "^3.0.0 || ^4.0.0" 117 | 118 | nanoid@^3.1.30: 119 | version "3.3.1" 120 | resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.1.tgz#6347a18cac88af88f58af0b3594b723d5e99bb35" 121 | integrity sha512-n6Vs/3KGyxPQd6uO0eH4Bv0ojGSUvuLlIHtC3Y0kEO23YRge8H9x1GCzLn28YX0H66pMkxuaeESFq4tKISKwdw== 122 | 123 | next@latest: 124 | version "12.1.0" 125 | resolved "https://registry.yarnpkg.com/next/-/next-12.1.0.tgz#c33d753b644be92fc58e06e5a214f143da61dd5d" 126 | integrity sha512-s885kWvnIlxsUFHq9UGyIyLiuD0G3BUC/xrH0CEnH5lHEWkwQcHOORgbDF0hbrW9vr/7am4ETfX4A7M6DjrE7Q== 127 | dependencies: 128 | "@next/env" "12.1.0" 129 | caniuse-lite "^1.0.30001283" 130 | postcss "8.4.5" 131 | styled-jsx "5.0.0" 132 | use-subscription "1.5.1" 133 | optionalDependencies: 134 | "@next/swc-android-arm64" "12.1.0" 135 | "@next/swc-darwin-arm64" "12.1.0" 136 | "@next/swc-darwin-x64" "12.1.0" 137 | "@next/swc-linux-arm-gnueabihf" "12.1.0" 138 | "@next/swc-linux-arm64-gnu" "12.1.0" 139 | "@next/swc-linux-arm64-musl" "12.1.0" 140 | "@next/swc-linux-x64-gnu" "12.1.0" 141 | "@next/swc-linux-x64-musl" "12.1.0" 142 | "@next/swc-win32-arm64-msvc" "12.1.0" 143 | "@next/swc-win32-ia32-msvc" "12.1.0" 144 | "@next/swc-win32-x64-msvc" "12.1.0" 145 | 146 | "nextjs-with-storybook@file:.yalc/nextjs-with-storybook": 147 | version "1.0.2" 148 | dependencies: 149 | next latest 150 | react "^17.0.2" 151 | react-dom "^17.0.2" 152 | 153 | object-assign@^4.1.1: 154 | version "4.1.1" 155 | resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863" 156 | integrity sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM= 157 | 158 | picocolors@^1.0.0: 159 | version "1.0.0" 160 | resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c" 161 | integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ== 162 | 163 | postcss@8.4.5: 164 | version "8.4.5" 165 | resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.5.tgz#bae665764dfd4c6fcc24dc0fdf7e7aa00cc77f95" 166 | integrity sha512-jBDboWM8qpaqwkMwItqTQTiFikhs/67OYVvblFFTM7MrZjt6yMKd6r2kgXizEbTTljacm4NldIlZnhbjr84QYg== 167 | dependencies: 168 | nanoid "^3.1.30" 169 | picocolors "^1.0.0" 170 | source-map-js "^1.0.1" 171 | 172 | react-dom@^17.0.2: 173 | version "17.0.2" 174 | resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-17.0.2.tgz#ecffb6845e3ad8dbfcdc498f0d0a939736502c23" 175 | integrity sha512-s4h96KtLDUQlsENhMn1ar8t2bEa+q/YAtj8pPPdIjPDGBDIVNsrD9aXNWqspUe6AzKCIG0C1HZZLqLV7qpOBGA== 176 | dependencies: 177 | loose-envify "^1.1.0" 178 | object-assign "^4.1.1" 179 | scheduler "^0.20.2" 180 | 181 | react@^17.0.2: 182 | version "17.0.2" 183 | resolved "https://registry.yarnpkg.com/react/-/react-17.0.2.tgz#d0b5cc516d29eb3eee383f75b62864cfb6800037" 184 | integrity sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA== 185 | dependencies: 186 | loose-envify "^1.1.0" 187 | object-assign "^4.1.1" 188 | 189 | scheduler@^0.20.2: 190 | version "0.20.2" 191 | resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.20.2.tgz#4baee39436e34aa93b4874bddcbf0fe8b8b50e91" 192 | integrity sha512-2eWfGgAqqWFGqtdMmcL5zCMK1U8KlXv8SQFGglL3CEtd0aDVDWgeF/YoCmvln55m5zSk3J/20hTaSBeSObsQDQ== 193 | dependencies: 194 | loose-envify "^1.1.0" 195 | object-assign "^4.1.1" 196 | 197 | source-map-js@^1.0.1: 198 | version "1.0.2" 199 | resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c" 200 | integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw== 201 | 202 | styled-jsx@5.0.0: 203 | version "5.0.0" 204 | resolved "https://registry.yarnpkg.com/styled-jsx/-/styled-jsx-5.0.0.tgz#816b4b92e07b1786c6b7111821750e0ba4d26e77" 205 | integrity sha512-qUqsWoBquEdERe10EW8vLp3jT25s/ssG1/qX5gZ4wu15OZpmSMFI2v+fWlRhLfykA5rFtlJ1ME8A8pm/peV4WA== 206 | 207 | typescript@^4.0.3: 208 | version "4.5.5" 209 | resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.5.5.tgz#d8c953832d28924a9e3d37c73d729c846c5896f3" 210 | integrity sha512-TCTIul70LyWe6IJWT8QSYeA54WQe8EjQFU4wY52Fasj5UKx88LNYKCgBEHcOMOrFF1rKGbD8v/xcNWVUq9SymA== 211 | 212 | use-subscription@1.5.1: 213 | version "1.5.1" 214 | resolved "https://registry.yarnpkg.com/use-subscription/-/use-subscription-1.5.1.tgz#73501107f02fad84c6dd57965beb0b75c68c42d1" 215 | integrity sha512-Xv2a1P/yReAjAbhylMfFplFKj9GssgTwN7RlcTxBujFQcloStWNDQdc4g4NRWH9xS4i/FDk04vQBptAXoF3VcA== 216 | dependencies: 217 | object-assign "^4.1.1" 218 | --------------------------------------------------------------------------------