diff --git a/packages/jest-preset/jest-preset.js b/packages/jest-preset/jest-preset.js
index 7e3b9fa321..8ac023f5c2 100644
--- a/packages/jest-preset/jest-preset.js
+++ b/packages/jest-preset/jest-preset.js
@@ -31,6 +31,7 @@ module.exports = {
     : {
         'ts-jest': {
           babelConfig: require('./transforms/babel.js').babelConfig,
+          useESM: true,
         },
       },
   moduleNameMapper: {
diff --git a/packages/spec/integration/typescript-unit-testing/index.tsx b/packages/spec/integration/typescript-unit-testing/index.tsx
index 51bbd72ec0..ad2a143949 100644
--- a/packages/spec/integration/typescript-unit-testing/index.tsx
+++ b/packages/spec/integration/typescript-unit-testing/index.tsx
@@ -1,11 +1,12 @@
 import { importComponent } from 'hops';
+import type { FC } from 'react';
 import * as React from 'react';
 
 import Headline from './headline';
 
 const Content = importComponent(() => import('./content'));
 
-export const Component = () => (
+export const Component: FC = () => (
   <>
     <Headline />
     <Content />