ChakraUI 内部 chrome 扩展样式所有页面

Question

我有一个与 ChakraUI 有关的小问题。 我尝试用它创建 chrome 扩展，不幸的是所有默认脉轮主题都适用于所有页面，有什么方法可以阻止它吗？我尝试使用 cssVarsRoot，还阅读了 @emotion 但我找不到解决方案。

popupRoot && 
  ReactDOM.render(
      <ChakraProvider resetCSS cssVarsRoot="#popup-root">
        <PopupComponent />
      </ChakraProvider>,
    popupRoot
  );

Answer 1

这样做为我解决了这个问题：

<ChakraProvider disableGlobalStyle>

从这个github链接

找到