Merge pull request #13276 from selrond/patch-1

Update deprecated type
storybookjs · Dec 1, 2020 · c89403a · c89403a
1 parent 93d3594
commit c89403a
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 8 deletions.
diff --git a/addons/docs/src/frameworks/react/__testfixtures__/8740-ts-multi-props/input.tsx b/addons/docs/src/frameworks/react/__testfixtures__/8740-ts-multi-props/input.tsx
@@ -4,15 +4,15 @@ export interface ElemAProps {
   size?: 'a' | 'b' | 'c' | 'd';
 }
 
-export const Header: React.SFC<ElemAProps> = ({ size = 'a', children }) => (
+export const Header: React.FC<ElemAProps> = ({ size = 'a', children }) => (
   <div className={size}>{children}</div>
 );
 
 export interface ElemBProps {
   size?: 'sm' | 'md' | 'lg';
 }
 
-export const Paragraph: React.SFC<ElemBProps> = ({ size, children }) => (
+export const Paragraph: React.FC<ElemBProps> = ({ size, children }) => (
   <div className={size}>{children}</div>
 );
 

diff --git a/docs/snippets/react/button-story-rename-story.ts.mdx b/docs/snippets/react/button-story-rename-story.ts.mdx
@@ -4,7 +4,7 @@
 import React from 'react';
 import { Button, ButtonProps } from './Button';
 
-export const Primary: React.SFC<{}> = () => <Button primary>Button</Button>;
+export const Primary: React.VFC<{}> = () => <Button primary>Button</Button>;
 
 Primary.storyName='I am the primary';
-```
+```
diff --git a/docs/snippets/react/button-story-with-emojis.ts.mdx b/docs/snippets/react/button-story-with-emojis.ts.mdx
@@ -1,8 +1,8 @@
 ```ts
 // Button.stories.tsx
 
-export const Primary: React.SFC<{}> = () => <Button background="#ff0" label="Button" />;
-export const Secondary : React.SFC<{}> = () => <Button background="#ff0" label="😄👍😍💯" />;
-export const Tertiary: React.SFC<{}> = () => <Button background="#ff0" label="📚📕📈🤓" />;
+export const Primary: React.VFC<{}> = () => <Button background="#ff0" label="Button" />;
+export const Secondary: React.VFC<{}> = () => <Button background="#ff0" label="😄👍😍💯" />;
+export const Tertiary: React.VFC<{}> = () => <Button background="#ff0" label="📚📕📈🤓" />;
 
 ```
diff --git a/docs/snippets/react/button-story.ts.mdx b/docs/snippets/react/button-story.ts.mdx
@@ -4,5 +4,5 @@
 import React from 'react';
 import { Button } from './Button';
 
-export const Primary: React.SFC<{}> = () => <Button primary>Button</Button>;
+export const Primary: React.VFC<{}> = () => <Button primary>Button</Button>;
 ```