From 70ae5bb61315e7c2eb0657211d1f94b588653629 Mon Sep 17 00:00:00 2001
From: Evan Hahn <69474926+EvanHahn-Signal@users.noreply.github.com>
Date: Wed, 15 Dec 2021 12:08:04 -0600
Subject: [PATCH] Fix Storybook by transforming TypeScript earlier

---
 .babelrc.js  | 1 +
 package.json | 1 +
 yarn.lock    | 2 +-
 3 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/.babelrc.js b/.babelrc.js
index e57326dc9..8af2f88ab 100644
--- a/.babelrc.js
+++ b/.babelrc.js
@@ -8,6 +8,7 @@ module.exports = {
   plugins: [
     'react-hot-loader/babel',
     'lodash',
+    '@babel/plugin-transform-typescript',
     '@babel/plugin-proposal-class-properties',
     '@babel/plugin-proposal-optional-chaining',
     '@babel/plugin-proposal-nullish-coalescing-operator',
diff --git a/package.json b/package.json
index ff8aab35a..36c5f2beb 100644
--- a/package.json
+++ b/package.json
@@ -182,6 +182,7 @@
     "@babel/plugin-proposal-nullish-coalescing-operator": "7.14.5",
     "@babel/plugin-proposal-optional-chaining": "7.13.8",
     "@babel/plugin-transform-runtime": "7.8.3",
+    "@babel/plugin-transform-typescript": "7.16.1",
     "@babel/preset-react": "7.7.4",
     "@babel/preset-typescript": "7.16.0",
     "@chanzuckerberg/axe-storybook-testing": "3.0.2",
diff --git a/yarn.lock b/yarn.lock
index a981d7b89..d06e4c16f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -783,7 +783,7 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
-"@babel/plugin-transform-typescript@^7.16.0", "@babel/plugin-transform-typescript@^7.3.2":
+"@babel/plugin-transform-typescript@7.16.1", "@babel/plugin-transform-typescript@^7.16.0", "@babel/plugin-transform-typescript@^7.3.2":
   version "7.16.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.16.1.tgz#cc0670b2822b0338355bc1b3d2246a42b8166409"
   integrity sha512-NO4XoryBng06jjw/qWEU2LhcLJr1tWkhpMam/H4eas/CDKMX/b2/Ylb6EI256Y7+FVPCawwSM1rrJNOpDiz+Lg==