diff --git a/.storybook/StorybookThemeContext.js b/.storybook/StorybookThemeContext.js
index 59a7300f12..4595c74661 100644
--- a/.storybook/StorybookThemeContext.js
+++ b/.storybook/StorybookThemeContext.js
@@ -2,6 +2,6 @@
 // SPDX-License-Identifier: AGPL-3.0-only
 
 import { createContext } from 'react';
-import { ThemeType } from '../ts/types/Util';
+import { ThemeType } from '../ts/types/Util.js';
 
 export const StorybookThemeContext = createContext(ThemeType.light);
diff --git a/.storybook/preview.tsx b/.storybook/preview.tsx
index 5815815f44..6dc2d57f3c 100644
--- a/.storybook/preview.tsx
+++ b/.storybook/preview.tsx
@@ -10,25 +10,25 @@ import '../stylesheets/tailwind-config.css';
 
 import * as styles from './styles.scss';
 import messages from '../_locales/en/messages.json';
-import { StorybookThemeContext } from './StorybookThemeContext';
-import { ThemeType } from '../ts/types/Util';
-import { setupI18n } from '../ts/util/setupI18n';
-import { HourCyclePreference } from '../ts/types/I18N';
+import { StorybookThemeContext } from './StorybookThemeContext.js';
+import { ThemeType } from '../ts/types/Util.js';
+import { setupI18n } from '../ts/util/setupI18n.js';
+import { HourCyclePreference } from '../ts/types/I18N.js';
 import { Provider } from 'react-redux';
 import { Store, combineReducers, createStore } from 'redux';
 import { Globals } from '@react-spring/web';
-import { AxoProvider } from '../ts/axo/AxoProvider';
-import { StateType } from '../ts/state/reducer';
+import { AxoProvider } from '../ts/axo/AxoProvider.js';
+import { StateType } from '../ts/state/reducer.js';
 import {
   ScrollerLockContext,
   createScrollerLock,
-} from '../ts/hooks/useScrollLock';
-import { Environment, setEnvironment } from '../ts/environment.ts';
-import { parseUnknown } from '../ts/util/schemas.ts';
-import { LocaleEmojiListSchema } from '../ts/types/emoji.ts';
-import { FunProvider } from '../ts/components/fun/FunProvider.tsx';
-import { EmojiSkinTone } from '../ts/components/fun/data/emojis.ts';
-import { MOCK_GIFS_PAGINATED_ONE_PAGE } from '../ts/components/fun/mocks.tsx';
+} from '../ts/hooks/useScrollLock.js';
+import { Environment, setEnvironment } from '../ts/environment.js';
+import { parseUnknown } from '../ts/util/schemas.js';
+import { LocaleEmojiListSchema } from '../ts/types/emoji.js';
+import { FunProvider } from '../ts/components/fun/FunProvider.js';
+import { EmojiSkinTone } from '../ts/components/fun/data/emojis.js';
+import { MOCK_GIFS_PAGINATED_ONE_PAGE } from '../ts/components/fun/mocks.js';
 
 setEnvironment(Environment.Development, true);