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.

basic interface icons not working or docs is not clear

See original GitHub issue

Describe the bug I try to use some icons from the chackra-ui, with chakra-ui/core 1.0.0-rc.2, but I get the following error message:

Error
Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

Check the render method of `App`.

Link to minimal reproduction Here is a JavaScript CodeSandbox about it: https://codesandbox.io/s/sharp-chandrasekhar-bzbji?file=/src/index.js

Steps to Reproduce

Import an icon (e.g.: PhoneIcon) from "@chakra-ui/core", and add it inside <ChakraProvider>

Issue Analytics

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

github_iconTop GitHub Comments

1reaction
jmiazgacommented, Aug 14, 2020

Its a named export, not the default export. You need { PhoneIcon }

0reactions
jmiazgacommented, Aug 14, 2020

I agree. I am going to leave this ticket open, and update the docs to clarify all of this.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Fix text that isn't displaying properly - Google Chrome Help
Text looks fuzzy or blurry (Windows only). If text doesn't look clear on your computer, try changing your font settings. Step 1: Use...
Read more >
App Icons - Foundations - Human Interface Guidelines
Simple icons tend to be easier for people to understand and recognize. Find a concept or element that captures the essence of your...
Read more >
Material Symbols and Icons
Introducing Material Symbols. Material Symbols are our newest icons consolidating over 2,500 glyphs in a single font file with a wide range of...
Read more >
Material Icons Guide | Google Fonts
Material design system icons are simple, modern, friendly, and sometimes quirky. ... Using the font is not only the most convenient method, ...
Read more >
Angular Material icons not working
after performing the solutions from below , you should clear browser cache . it worked for me . – Aditya Yada. Aug 18,...
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