如何在react.js中使用document和window元素

Question

我正在尝试在现有的next.js / react.js应用程序中呈现npm包插件“react-share”。但是，该插件使用客户端上呈现的元素：

ReactDOM.render(<ShareButtons />, document.querySelector('#content')); 

和窗口：

  <PinterestShareButton
    url={String(window.location)}
    media={`${String(window.location)}/${exampleImage}`}
    windowWidth={1000}
    windowHeight={730}
    className="Demo__some-network__share-button">
    <PinterestIcon size={32} round />
  </PinterestShareButton>

我可以找到任何简单的解决方法，我错过了什么吗？

莉莲