basic interface icons not working or docs is not clear
See original GitHub issueDescribe 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:
- Created 3 years ago
- Comments:5 (3 by maintainers)
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Its a named export, not the default export. You need
{ PhoneIcon }
I agree. I am going to leave this ticket open, and update the docs to clarify all of this.