So I have a MainComponent, inside there are some “remote” components like OfficeSelect, that fetches data asynchronously on mount, using axios, everytime I test MainComponent I get the “act” warning on that OfficeSelect fetch, how do I deal with that?<a href="https://kentcdodds.com/blog/fix-the-not-wrapped-in-act-warning">Fix the “not wrapped in act(…)” warning </a>

So I have a MainComponent, inside there are some “remote” components like OfficeSelect, that fetches data asynchronously on mount, using axios, everytime I test MainComponent I get the “act” warning on that OfficeSelect fetch, how do I deal with that? Fix the “not wrapped in act(…)” warning

So I have a MainComponent, inside there are some “remote” components like OfficeSelect, that fetches data asynchronously on mount, using axios, everytime I test MainComponent I get the “act” warning on that OfficeSelect fetch, how do I deal with that?<a href="https://kentcdodds.com/blog/fix-the-not-wrapped-in-act-warning" rel="noopener noreferrer">Fix the “not wrapped in act(…)” warning </a>

Dealing with "act" warning on react testing

The Call Kent podcast is a regular podcast where you call in with a question and Kent answers. Call in with your questions right from your web browser with any device at https://kentcdodds.com/call

Share Dealing with "act" warning on react testing

Sign up to save your podcasts

Dealing with "act" warning on react testing

Dealing with "act" warning on react testing

More shows like The Call Kent Podcast

The Changelog: Software Development, Open Source

Syntax - Tasty Web Development Treats

PodRocket