Upgrade Storybook

Co-authored-by: Scott Nonnenberg <scott@signal.org>

ts/components/Inbox.stories.tsx

@@ -2,7 +2,7 @@
 // SPDX-License-Identifier: AGPL-3.0-only
 
 import React, { useState, useEffect, useMemo } from 'react';
-import type { Meta, Story } from '@storybook/react';
+import type { Meta, StoryFn } from '@storybook/react';
 import { noop } from 'lodash';
 
 import { Inbox } from './Inbox';
@@ -16,41 +16,15 @@ const i18n = setupI18n('en', enMessages);
 
 export default {
   title: 'Components/Inbox',
-  argTypes: {
-    i18n: {
-      defaultValue: i18n,
-    },
-    hasInitialLoadCompleted: {
-      defaultValue: false,
-    },
-    daysAgo: {
-      control: 'select',
-      defaultValue: undefined,
-      options: [undefined, 1, 2, 3, 7, 14, 21],
-    },
-    isCustomizingPreferredReactions: {
-      defaultValue: false,
-    },
-    onConversationClosed: {
-      action: true,
-    },
-    onConversationOpened: {
-      action: true,
-    },
-    scrollToMessage: {
-      action: true,
-    },
-    showConversation: {
-      action: true,
-    },
-    showWhatsNewModal: {
-      action: true,
-    },
+  args: {
+    i18n,
+    hasInitialLoadCompleted: false,
+    isCustomizingPreferredReactions: false,
   },
-} as Meta;
+} satisfies Meta<PropsType>;
 
 // eslint-disable-next-line react/function-component-definition
-const Template: Story<PropsType & { daysAgo?: number }> = ({
+const Template: StoryFn<PropsType & { daysAgo?: number }> = ({
   daysAgo,
   ...args
 }) => {
@@ -90,6 +64,3 @@ const Template: Story<PropsType & { daysAgo?: number }> = ({
 };
 
 export const Default = Template.bind({});
-Default.story = {
-  name: 'Default',
-};