javascript - 样式化的组件主题提供者没有将对象传递给 gatsby 中的道具

Question

我正在尝试将主题对象传递给 ThemeProvider，就像我在标准 React 项目中所做的那样。但是，现在当我使用 gatsby 时，我无法访问儿童道具中的主题。可能是什么问题？这是我的代码：

const Layout = ({ children }) => {
  return (
    <div>
      <GlobalStyle />
      <ThemeProvider theme={{ color: 'blue' }}>
        <>
          <Header />
          {children}
        </>
      </ThemeProvider>
    </div>
  )
}

当我尝试在 Header 组件中控制日志道具时，尽管我已将主题对象正确传递到 ThemeProvider 中，但我得到了空对象。

标签： javascriptreactjsgatsbystyled-components