当我使用context来共享数据时，我从typescript中得到了一个类型错误Property 'toggleExpand' does not exist on type 'AccHeaderContextProps | undefined'.ts(2339)。但是所有的属性我都已经声明了。

interface AccHeaderContextProps {
  expand: boolean;
  toggleExpand: () => void;
}

const AccordionContext = createContext<AccHeaderContextProps | undefined>(
  undefined
);

当我使用它抛出错误：

function AccordionHeder(props: AccHeaderProps) {
  const { title } = props;
  const { expand, toggleExpand } = useContext(AccordionContext);//error
  return (
    <button onClick={toggleExpand}>
      {title} <span>{expand ? "-" : "+"}</span>
    </button>
  );
}

Live Demo