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.

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’m really not sure what is going on here but I’m 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.

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! 🙌


  • @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

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.

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 Post

No results found

github_iconTop Related Hashnode Post

No results found