diff --git a/assets/js/src/notices/api_errors_notice.tsx b/assets/js/src/notices/api_errors_notice.tsx
index 036d609353..b94385b6d8 100644
--- a/assets/js/src/notices/api_errors_notice.tsx
+++ b/assets/js/src/notices/api_errors_notice.tsx
@@ -1,6 +1,6 @@
 import React, { FC } from 'react';
 import PropTypes, { InferProps } from 'prop-types';
-import Notice from 'notices/notice.tsx';
+import Notice from 'notices/notice';
 
 const propTypes = {
   errors: PropTypes.arrayOf(PropTypes.shape({
diff --git a/webpack.config.js b/webpack.config.js
index 425201a0fc..a6bcc84889 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -40,6 +40,7 @@ const baseConfig = {
       'node_modules',
       'assets/js/src',
     ],
+    extensions: ['.js', '.jsx', '.ts', '.tsx'],
     alias: {
       'handlebars': 'handlebars/dist/handlebars.js',
       'backbone.marionette': 'backbone.marionette/lib/backbone.marionette',