reactjs - Rebass 没有拾取 Theme ui 主题中定义的值

Question

我的索引文件，我在其中将 App 组件与ThemeProvider

索引.tsx

import React from 'react';
import ReactDOM from 'react-dom';
import { ThemeProvider } from 'theme-ui';
import App from './App';
import {theme}  from './theme';

ReactDOM.render(
  <React.StrictMode>
    <ThemeProvider theme={theme}>
      <App />
    </ThemeProvider>
  </React.StrictMode>,
  document.getElementById('root')
);

我定义我的主题

主题.ts

import { Theme } from "theme-ui";

export const theme : Theme = {
  colors: {
    primary:"green"
  }
}

这是我的 App 组件，我在其中创建了一个 Rebass 按钮组件。

应用程序.tsx

import React from "react";
import { Button } from "rebass";

function App() {
  return (
    <Button color="primary">hello</Button>
  );
}

export default App;

该按钮没有选择我的主题中定义的原色。有谁知道为什么？