Lightrun
question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

typography is undefined

See original GitHub issue

Describe the bug

Blank page on project initialization.

Uncaught TypeError: typography is undefined

To Reproduce Steps to reproduce the behavior:

  1. Run npx -p @storybook/cli sb init in the root repository
  2. Run yarn storybook
  3. The browser is open on http://localhost:6006/ but is blank.

Expected behavior

I should see the UI.

Screenshots

image

System:

Environment Info:

System: OS: macOS 10.15.6 CPU: (12) x64 Intel® Core™ i7-9750H CPU @ 2.60GHz Binaries: Node: 12.18.2 - /usr/local/bin/node Yarn: 1.22.5 - /usr/local/bin/yarn npm: 6.14.5 - /usr/local/bin/npm Browsers: Chrome: 85.0.4183.83 Edge: 85.0.564.44 Firefox: 80.0 Safari: 13.1.2

Additional context

I try to run this in a Gatsby repository: https://github.com/CodeursEnSeine/codeursenseine-new

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:5 (1 by maintainers)

github_iconTop GitHub Comments

1reaction
yoannfleurydevcommented, Sep 14, 2020

I tried an update of all the dependencies in the project, and it did work for me.

I’m closing this as I opened this one, but feel free to re-open if it is relevant later.

Keep going on the good work on Storybook 👍

0reactions
deterralbacommented, Sep 17, 2020

FYI I had the same issue on Firefox. The issue was slightly different on chrome: see https://github.com/storybookjs/storybook/issues/12016 Using npm dedupe fixed it for me https://docs.npmjs.com/cli/dedupe

Read more comments on GitHub >

github_iconTop Results From Across the Web

'Undefined' when attempting to pass MaterialUI theme props ...
TypeError: Cannot read property 'primary' of undefined or similar errors in ... fontSize}, font-weight: ${props => props.theme.typography.
Read more >
Undefined error for the section typography - WordPress.org
Enter value for the 'letter-spacing' and hit save and, refresh the page you will see “undefined” issue. Plus, previously saved value showing as;...
Read more >
My font is undefined? (repost: posted in the wrong section first ...
(This is the exact error: It looks like your second paragraph's font-size is undefined instead of 8px.) Here is my secondy line. But...
Read more >
Undefined font download | MaisFontes.com
Undefined is the perfect font for all your fun designs. The font family is Caslon Elegant Alt EHCD. The font subfamily is Italic....
Read more >
Theme typography - Joy UI - MUI
Learn about the typography system and how to customize it. ... const customTheme = extendTheme({ typography: { h5: undefined, h6: undefined, ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found
Previous page

IE11: centered layout param not centering vertically

Next page

lit-element props configured by TS decorators do not cause a re-render of the component