diff --git a/client/src/components/landing/Landing.test.js b/client/src/components/landing/landing.test.tsx
similarity index 65%
rename from client/src/components/landing/Landing.test.js
rename to client/src/components/landing/landing.test.tsx
index c34a120c8a..e34c7a11b9 100644
--- a/client/src/components/landing/Landing.test.js
+++ b/client/src/components/landing/landing.test.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import ShallowRenderer from 'react-test-renderer/shallow';
+import { createRenderer } from 'react-test-renderer/shallow';
 
 import mockChallengeNodes from '../../__mocks__/challenge-nodes';
 import IndexPage from '../../pages';
@@ -8,9 +8,11 @@ jest.mock('../../analytics');
 
 describe('<Landing />', () => {
   it('renders when visiting index page and logged out', () => {
-    const shallow = new ShallowRenderer();
-    shallow.render(<IndexPage {...loggedOutProps} />);
-    const view = shallow.getRenderOutput();
+    const utils = createRenderer();
+    // @ts-expect-error Type definition mismatch
+    utils.render(<IndexPage {...loggedOutProps} />);
+    const view = utils.getRenderOutput();
+    // @ts-expect-error Type definition mismatch
     expect(view.type.displayName === 'Landing').toBeTruthy();
   });
 });