Add act

Author: rickhanlonii

packages/react-scripts/fixtures/kitchensink/template/src/features/webpack/SvgComponent.test.js

@@ -5,23 +5,28 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import React from 'react';
+import * as React from 'react';
 import SvgComponent, { SvgComponentWithRef } from './SvgComponent';
 import ReactDOMClient from 'react-dom/client';
 
+global.IS_REACT_ACT_ENVIRONMENT = true;
+
 describe('svg component', () => {
   it('renders without crashing', () => {
     const div = document.createElement('div');
     ReactDOMClient.createRoot(div).render(<SvgComponent />);
     expect(div.textContent).toBe('logo.svg');
   });
 
-  it('svg root element equals the passed ref', () => {
+  it('svg root element equals the passed ref', async () => {
     const div = document.createElement('div');
     const someRef = React.createRef();
-    ReactDOMClient.createRoot(div).render(
-      <SvgComponentWithRef ref={someRef} />
-    );
+    // eslint-disable-next-line testing-library/no-unnecessary-act
+    await React.act(async () => {
+      ReactDOMClient.createRoot(div).render(
+        <SvgComponentWithRef ref={someRef} />
+      );
+    });
     const svgElement = div.getElementsByTagName('svg');
     expect(svgElement).toHaveLength(1);
     expect(svgElement[0]).toBe(someRef.current);