页面刷新后服务器端渲染失败

Question

我有以下 React 组件，我几乎可以肯定我的错误来自：

function Gallery(props) {
const urlArray = props.urlArray
        
const SlideShow = typeof window !== 'undefined' ? require('react-image-show').default : undefined               
        

return (
    <div>
        { 
            <SlideShow />
        
        }
    </div>
  )
}

export default Gallery

现在当我进入我的网站时，我进入呈现这个组件的页面，一切正常，但如果我刷新页面，我得到

Error: Minified React error #130;

翻译成

Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined.

看起来 const SlideShow 在刷新后设置为 undefined。

现在我知道关于这个主题有很多问题，但大多数是关于错误的导入语法，这里不是这种情况，因为我的组件正确呈现，只有在刷新后它才会崩溃。 知道为什么会发生这种情况，我该如何解决？