使用TypeScript进行情感主题化：类型“对象”上不存在属性“ X”。 ts（2339）

Question

我找不到让TypeScript与Emotion主题配合使用的方法。

import React from "react";
import { ThemeProvider } from "emotion-theming";
import styled from "@emotion/styled";

const theme = {
  colors: {
    gray: "#ccc",
  },
};

const MyComponent = styled.div((props) => ({
  color: props.theme.colors.gray,
}));

const App = () => (
  <ThemeProvider theme={theme}>
    <MyComponent />
  </ThemeProvider>
);

export default App;

文档说：“默认情况下，props.theme具有任何类型的注释，并且可以正常运行”。但是我在props.theme.colors.gray上有一个：类型“ object”上不存在属性“ colors”。ts（2339）

我在这里想念东西吗？