Toast not working anymore

See original GitHub issue

After having several issues with framer-motion, I have solved this by upgrading webpack and @chakra-ui. However, now neither useToast() nor createStandaloneToast() is working anymore.

I鈥檓 really not sure what is going on here but I鈥檓 getting the well known error message:

Warning: 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

I did experiment a bit with different versions of framer-motion (I could solve a similar issue before with downgrading to v5.6.0) but now no luck.

An help more then appreciated! Thanks! 馃檶

Versions:

  • @chakra-ui/react: 1.8.8
  • framer-motion: 6.2.9
  • webpack: 5.72.0
  • react-dom: 17.0.2
  • react: 17.0.2
  • react-scripts: 5.0.0
  • @craco/craco: 6.4.3

Issue Analytics

  • State:closed
  • Created a year ago
  • Comments:21 (4 by maintainers)

github_iconTop GitHub Comments

6reactions
ekrokowskicommented, Oct 4, 2022

This could happen if you use

import { ChakraProvider } from '@chakra-ui/provider';

instead of

import { ChakraProvider } from '@chakra-ui/react';

Only the ChakraProvider from @chakra-ui/react automatically renders the ToastProvider.

0reactions
Ohticocommented, Dec 19, 2022

Hola de un momento a otro dejo de salir los toast en mi proyecto alguien podr铆a ayudarme?

Read more comments on GitHub >

github_iconTop Results From Across the Web

Android Toast Message is not showing - Stack Overflow
Try: Toast.makeText(getBaseContext(), "Reason can not be blank", Toast.LENGTH_SHORT).show();. It's the .show() that you've omitted聽...
Read more >
Toast Go 2 Device Troubleshooting & User Guide
Toast Go 2 Device Troubleshooting & User Guide 路 Exit the Reader Test App. 路 Go to Settings > Apps & notifications >...
Read more >
Toasts 路 Bootstrap v5.1
Toasts are lightweight notifications designed to mimic the push notifications that have been popularized by mobile and desktop operating systems.
Read more >
Toast notifications top center bug?
... a problem with the md-toast-top-center because the container takes all the width. If I have a menu in top position he isn't...
Read more >
Toaster Troubleshooting - iFixit
Toasting lever won't stay down 路 Power source 路 Power adjustment 路 Crumb obstruction 路 Plug wire is frayed or damaged 路 Poor...
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