refactor: updated xpert test

src/widgets/Xpert.test.jsx

@@ -1,6 +1,8 @@
 import React from 'react';
 
-import { screen, fireEvent, waitFor } from '@testing-library/react';
+import {
+  screen, fireEvent, waitFor, act,
+} from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 
 import * as api from '../data/api';
@@ -172,7 +174,9 @@ test('loading message appears in the sidebar while the response loads', async ()
   // It's better practice to use the userEvent API, but I could not get this test to properly assert
   // that the "Xpert is thinking" loading text appears in the DOM. Something about using the userEvent
   // API skipped straight to rendering the response message.
-  await fireEvent.click(screen.getByRole('button', { name: 'submit' }));
+  await act(async () => {
+    await fireEvent.click(screen.getByRole('button', { name: 'submit' }));
+  });
 
   waitFor(async () => {
     await screen.findByText('Xpert is thinking');