Reactjs 勒纳+；样式化组件monorepo无效挂钩

我正在开发一个monorepo，它有一个集中的UI库，我想在其中使用样式化组件

目前，我的库在没有样式化组件的情况下运行良好，并且能够成功地将组件拉入其他项目

然而，一旦我安装样式化组件并重构组件以使用样式，我就会得到一个无效的钩子调用

我见过多个关于无效钩子的问题，但没有一个是关于基本样式的组件实现的

我已经尝试使最简单的组件可以导出，以使其工作

组件

import React from 'react'
import styled from 'styled-components'

const StyledButton = styled.button`
    background: #000;
`
  
const Button = ({ children }) => {
    return (
        <StyledButton>{ children }</StyledButton>
    )
}

export default Button

---

为偶然发现此问题的任何人添加更新。我使用

craco

从我的网站映射节点_模块，以使用我的组件库中的react节点_模块。我不知道为什么使用相同版本的react会发生此错误

Packages
    library: 
       react & react-dom: ^17.0.1 (react & react-dom)
       styled-components: ^5.2.1
    website:
       react & react-dom: ^17.0.1 (react & react-dom)