Async State Updates in React Testing Library

Understanding why act warnings appear and how to correctly test asynchronous state updates.

You test a component that fetches data in useEffect and updates state on resolve. Your assertion runs synchronously and you get: 'Warning: An update to Component was not wrapped in act(...)'. What is the correct fix?