title: Extending react-select v5 in Storybook props results in unknown types
body: <p>I'm looking to extend the typescript definition for <code>react-select</code> such that I can pass custom <code>...args</code> in Storybook to the component.</p>
  <p><strong>Select.data</strong></p>
  <pre class="lang-js prettyprint-override"><code>export interface FishOption {
    readonly value: string;
    readonly label: string;
    readonly isFixed?: boolean;
    readonly isDisabled?: boolean;
  }
  
  export const fishOptions: readonly FishOption[] = [
    { value: 'Maguro', label: 'Maguro' },
    { value: 'Unagi', label: 'Unagi' },
    { value: 'Shishamo', label: 'Shishamo' },
    { value: 'Toro', label: 'Toro' },
    { value: 'Iwashi', label: 'Iwashi' }
  ];
  </code></pre>
  <p><strong>node_modules/react-select/dist/declarations/src/index.d.ts</strong></p>
  <pre class="lang-js prettyprint-override"><code>export type { StateManagerProps as Props } from './useStateManager';
  </code></pre>
  <p><strong>Select.stories.tsx</strong></p>
  <pre class="lang-js prettyprint-override"><code>
  import { Story, Meta } from '@storybook/react';
  import { useState } from 'react';
  import Select, { Props } from 'react-select';
  import { FishOption, fishOptions } from './Select.data';
  
  
  
  export default {
    component: Select,
    title: 'Components/Select',
    argTypes: { onChange: { action: '' } }
  } as Meta;
  
  
  
  
  // Extended interface.
  interface ExtendedProps extends Props {
    someProp: boolean;
  }
  
  
  
  // Use extended interface.
  const Template: Story&lt;ExtendedProps&gt; = args =&gt; {
    const [value, setValue] = useState&lt;FishOption&gt;();
  
    const handleChange = (newValue: FishOption) =&gt; {
      setValue(newValue);
    };
  
    return &lt;Select defaultValue={value} onChange={handleChange} {...args} /&gt;;
  };
  
  export const Single = Template.bind({});
  Single.args = {
    someProp: true,
    options: fishOptions
  };
  
  </code></pre>
  <p>I get the following typescript error for my <code>onChange</code> handler:</p>
  <pre class="lang-js prettyprint-override"><code>Type '(newValue: FishOption) =&gt; void' is not assignable to type '(newValue: unknown, actionMeta: ActionMeta&lt;unknown&gt;) =&gt; void'.
    Types of parameters 'newValue' and 'newValue' are incompatible.
      Type 'unknown' is not assignable to type 'FishOption'.ts(2322)
  </code></pre>
  <p>Looking at the other properties, the other prop (defaultValue) typings is also set to <code>unknown</code> as well. I'm not sure if i'm importing the types wrongly or some sort of erasure? is happening.</p>
  <p>How can I extend <code>react-select</code> v5 props such that I can use them in Storybook or otherwise?</p>
  <hr />
  <p>Related link: <a href="https://stackoverflow.com/questions/66348283/to-extend-the-react-select-interface-property-in-typescript">To extend the react-select interface property in typescript</a></p>
  <p>CodeSandbox: <a href="https://codesandbox.io/s/interesting-hypatia-2vv6p" rel="nofollow noreferrer">https://codesandbox.io/s/interesting-hypatia-2vv6p</a> (No storybook but observe ExtendedSelect to see that the props are <code>unknown</code>)</p>