GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-07 07:21:17 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: Change deprecated React.VFC to React.FC

Browse Source 
The type `VFC` (VoidFunctionComponent) is deprecated and is equivalent
to `FC` (FunctionalComponent).

https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/react/index.d.ts#L531

This commit updates the generated files from an installation to use the
non-deprecated React type.
This commit is contained in:
Ethan Mick 2023-01-13 13:12:51 -05:00
parent d18331ff33
commit 6d29300a5e
No known key found for this signature in database
GPG Key ID: 323933F8DE4DFBD6
4 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
code/frameworks/nextjs/template/cli/ts-legacy/Page.tsx
View File

@ -7,7 +7,7 @@ type User = {
name: string; name: string;
}; };
export const Page: React.VFC = () => { export const Page: React.FC = () => {
const [user, setUser] = React.useState<User>(); const [user, setUser] = React.useState<User>();
return ( return (

2
code/renderers/react/template/cli/ts-legacy/Page.tsx
View File

@ -7,7 +7,7 @@ type User = {
name: string; name: string;
}; };
export const Page: React.VFC = () => { export const Page: React.FC = () => {
const [user, setUser] = React.useState<User>(); const [user, setUser] = React.useState<User>();
return ( return (

2
code/renderers/react/template/cli/ts/Page.tsx
View File

@ -7,7 +7,7 @@ type User = {
name: string; name: string;
}; };
export const Page: React.VFC = () => { export const Page: React.FC = () => {
const [user, setUser] = React.useState<User>(); const [user, setUser] = React.useState<User>();
return ( return (

2
docs/snippets/common/custom-docs-page.ts-component.ts.mdx
View File

@ -1,7 +1,7 @@
```ts ```ts
// CustomDocumentationComponent.ts|tsx // CustomDocumentationComponent.ts|tsx
export const CustomDocumentationComponent: React.VFC = () => { export const CustomDocumentationComponent: React.FC = () => {
return ( return (
<div> <div>
<h1>Replacing DocsPage with a custom component</h1> <h1>Replacing DocsPage with a custom component</h1>