如何在Typescript中将类型向下传递给React上下文使用者

import React from 'react';

interface MyContextType {
  // 定义要传递的类型
  myType: string;
}

const MyContext = React.createContext<MyContextType | undefined>(undefined);

const MyProvider: React.FC = ({ children }) => {
  const myType = 'example'; // 设置要传递的类型的值

  return (
    <MyContext.Provider value={{ myType }}>
      {children}
    </MyContext.Provider>
  );
};

const MyComponent: React.FC = () => {
  const context = React.useContext(MyContext); // 使用useContext钩子获取传递的类型

  if (!context) {
    // 如果上下文未提供，则进行处理
    return null;
  }

  // 使用传递的类型
  console.log(context.myType);

  return (
    // 组件的内容
  );
};

const App: React.FC = () => {
  return (
    <MyProvider>
      <MyComponent />
    </MyProvider>
  );
};