diff --git a/react-app/src/components/form/AutocompleteField.test.tsx b/react-app/src/components/form/AutocompleteField.test.tsx
index a7f48cb9f..fa9c14131 100644
--- a/react-app/src/components/form/AutocompleteField.test.tsx
+++ b/react-app/src/components/form/AutocompleteField.test.tsx
@@ -15,6 +15,11 @@ jest.mock('react-hook-form', () => ({
   }),
 }));
 
+jest.mock('@mui/utils', () => ({
+  ...jest.requireActual('@mui/utils'),
+  getReactNodeRef: () => null,
+}));
+
 describe('', () => {
   it('should render', () => {
     render(
diff --git a/react-app/src/components/layout/Footer.test.tsx b/react-app/src/components/layout/Footer.test.tsx
index c09778ab8..fc421c9ab 100644
--- a/react-app/src/components/layout/Footer.test.tsx
+++ b/react-app/src/components/layout/Footer.test.tsx
@@ -13,6 +13,11 @@ jest.mock('@mui/material', () => ({
   }),
 }));
 
+jest.mock('@mui/utils', () => ({
+  ...jest.requireActual('@mui/utils'),
+  getReactNodeRef: () => null,
+}));
+
 describe('Footer.tsx', () => {
   it('should match the existing snapshot', () => {
     const tree = create(<Footer />).toJSON();