From be5628614449dbc06c37518fc88f50c88b581fb3 Mon Sep 17 00:00:00 2001
From: Emanuel Kluge <emanuel.kluge@new-work.se>
Date: Mon, 31 May 2021 15:25:15 +0200
Subject: [PATCH] feat(jest-preset): enable ESM support for Typescript

---
 packages/jest-preset/jest-preset.js                         | 1 +
 packages/spec/integration/typescript-unit-testing/index.tsx | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

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 />