react 17:

    1. export const AppStateProvider: FC = ({ children }) => {
    2.   const { lists } = appData
    4.   const getTasksByListId = (id: string) => {
    5.     return lists.find((list) => list.id === id)?.tasks || []
    6.   }
    8.   return (
    9.     <AppStateContext.Provider value={{ lists, getTasksByListId }}>
    10.       {children}
    11.     </AppStateContext.Provider>
    12.   )
    13. }

    react 18:

    1. interface Props{
    2.   children?: React.ReactNode
    3. }
    5. export const AppStateProvider: FC<Props> = ({ children }) => {
    6.   const { lists } = appData
    8.   const getTasksByListId = (id: string) => {
    9.     return lists.find((list) => list.id === id)?.tasks || []
    10.   }
    12.   return (
    13.     <AppStateContext.Provider value={{ lists, getTasksByListId }}>
    14.       {children}
    15.     </AppStateContext.Provider>
    16.   )
    17. }

    参考：
    https://reactjs.org/blog/2022/03/08/react-18-upgrade-guide.html#updates-to-typescript-definitions
    https://github.com/DefinitelyTyped/DefinitelyTyped/pull/56210

    curl: (7) Failed to connect to raw.githubusercontent.com port 443: Connection refused