This package breaks Chakra-UI Toasts.
See original GitHub issueHey there,
I tried this package to render the markdown sent by the server, but apparently, it breaks the functionality of the native toast component in Chakra-UI.
Here’s the error code.
can't perform a react state update on an unmounted component. this is a no-op, but it indicates a memory leak in your application. to fix, cancel all subscriptions and asynchronous tasks in the componentwillunmount method. ToastManager
You can check the above behavior here. Here .
Issue Analytics
- State:
- Created 3 years ago
- Comments:5 (2 by maintainers)
Top Results From Across the Web
Toast - Chakra UI
The toast component is used to give feedback to users after an action has taken place.
Read more >Chakra UI Figma Kit | Figma Community
The official Chakra UI Figma Kit ⚡️. Get access to simple, modular and accessible components you need to design and build your applications....
Read more >How to create a custom toast component with React
Learn how to create a customizable toast component that is capable of displaying multiple notifications using the React hooks useState and ...
Read more >@chakra-ui/toast - npm
@chakra-ui/toast. TypeScript icon, indicating that this package has built-in type declarations. 4.0.6 • Public • Published 9 days ago.
Read more >Photo gallery app with Express, React, chakra UI and Multer
Is this post for me? As a self-taught fullstack dev, I always find myself scouring through the web for blog posts/tutorials that build...
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
Hey @OmkarK45, thank you for your feedback.
I looked to your problem and you’re right. There is something wrong with ToastManager when I import
chakra-ui-markdown-renderer
and I can see the problem even I don’t use renderer in anywhere. I think the problem is related with library webpack configs so I will look it later.I can suggest a workaround at the moment. Instead of this library, you can use this renderer directly from https://github.com/mustaphaturhan/chakra-ui-markdown-renderer/blob/master/src/index.js.
Just download raw file and use like a regular react component. Import from local files instead of chakra-ui-markdown-renderer while I look what causing the problem.
Hey guys.
This issue fixed with
chakra-ui-markdown-renderer
v1.0.0. Do not forget to update your @chakra-ui version before updatechakra-ui-markdown-renderer
.