fix: correct misaligned types in story files

chanzuckerberg · Aug 17, 2023 · 05d0836 · 05d0836
1 parent a89347e
commit 05d0836
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 13 deletions.
diff --git a/src/components/Select/Select.stories.tsx b/src/components/Select/Select.stories.tsx
@@ -411,7 +411,7 @@ export const OpenByDefault: StoryObj = {
   play: selectCat,
 };
 
-export const WithSelectedOption: StoryObj = {
+export const WithSelectedOption: StoryObj<typeof Select> = {
   parameters: {
     docs: {
       source: {
@@ -421,14 +421,11 @@ export const WithSelectedOption: StoryObj = {
       },
     },
   },
-  args: {
-    value: exampleOptions[0],
-  },
-  render: ({ value }) => (
+  render: () => (
     <InteractiveExampleUsingChildren
       aria-label="Favorite Animal"
       labelComponent={<Select.Label>Favorite Animal</Select.Label>}
-      value={value}
+      value={exampleOptions[0]}
     />
   ),
 };
diff --git a/src/components/Toggle/Toggle.stories.tsx b/src/components/Toggle/Toggle.stories.tsx
@@ -18,7 +18,7 @@ const InteractiveToggle = ({ checked = false, onChange, ...other }: Args) => {
   );
 };
 
-export default {
+const meta: Meta<typeof Toggle> = {
   title: 'Components/Toggle',
   component: Toggle,
   args: {
@@ -30,30 +30,32 @@ export default {
     badges: ['1.0', BADGE.BETA],
   },
   render: (args) => <InteractiveToggle {...args} />,
-} as Meta<Args>;
+};
 
+export default meta;
 type Args = React.ComponentProps<typeof Toggle>;
+type Story = StoryObj<typeof Toggle>;
 
-export const Default: StoryObj<Args> = {};
+export const Default: Story = {};
 
-export const CheckedTrue: StoryObj<Args> = {
+export const CheckedTrue: Story = {
   args: {
     checked: true,
   },
 };
-export const Disabled: StoryObj<Args> = {
+export const Disabled: Story = {
   args: {
     disabled: true,
   },
 };
-export const WithoutLabel: StoryObj<Args> = {
+export const WithoutLabel: Story = {
   args: {
     label: undefined,
     'aria-label': 'Lorem ipsum',
   },
 };
 
-export const CustomPositioning: StoryObj<Args> = {
+export const CustomPositioning: Story = {
   parameters: {
     docs: {
       source: {