Open ggsno opened 1 year ago
When I create Next.js app by run 'yarn create next-app', there are 'inter' from '@next/font/google' in '/pages/index.tsx'
The problem is I cannot see component on storybook when component use 'inter'
Here are snapshots
When 'inter' is -> no see
After removing 'inter' -> see
No response
Environment Info: System: OS: Windows 10 10.0.19044 CPU: (16) x64 Intel(R) Core(TM) i7-10700 CPU @ 2.90GHz Binaries: Node: 16.14.1 - C:\Program Files\nodejs\node.EXE Yarn: 1.22.19 - ~\node_modules\.bin\yarn.CMD npm: 8.5.0 - C:\Program Files\nodejs\npm.CMD Browsers: Edge: Spartan (44.19041.1266.0), Chromium (108.0.1462.54) npmPackages: @storybook/addon-actions: ^6.5.15 => 6.5.15 @storybook/addon-essentials: ^6.5.15 => 6.5.15 @storybook/addon-interactions: ^6.5.15 => 6.5.15 @storybook/addon-links: ^6.5.15 => 6.5.15 @storybook/builder-webpack5: ^6.5.15 => 6.5.15 @storybook/manager-webpack5: ^6.5.15 => 6.5.15 @storybook/react: ^6.5.15 => 6.5.15 @storybook/testing-library: ^0.0.13 => 0.0.13
Please try upgrading to the latest prerelease which supports @next/font
@next/font
Migration guide: https://storybook.js.org/migration-guides/7.0
Describe the bug
When I create Next.js app by run 'yarn create next-app', there are 'inter' from '@next/font/google' in '/pages/index.tsx'
The problem is I cannot see component on storybook when component use 'inter'
Here are snapshots
When 'inter' is -> no see![image](https://user-images.githubusercontent.com/46833758/210681775-5b466d86-bdbc-4020-b88f-835b32036ffa.png)
After removing 'inter' -> see![image](https://user-images.githubusercontent.com/46833758/210682225-32352e70-cf0d-4df5-aa9e-894a559569b7.png)
To Reproduce
No response
System
Additional context
No response