document 非空判断

themes/medium/LayoutSearch.js

@@ -11,23 +11,23 @@ export const LayoutSearch = (props) => {
   const { keyword } = props
   useEffect(() => {
     setTimeout(() => {
-      const container = document.getElementById('container')
+      const container = typeof document !== 'undefined' && document.getElementById('container')
       if (container && container.innerHTML) {
         const re = new RegExp(`${keyword}`, 'gim')
         container.innerHTML = container.innerHTML.replace(re, `<span class='text-red-500 border-b border-dashed'>${keyword}</span>`)
       }
     },
-    100)
+      100)
   })
   return <LayoutBase {...props}>
     <div className='py-12'>
       <div className='pb-4 w-full'>{locale.NAV.SEARCH}</div>
-      <SearchInput currentSearch={keyword} {...props}/>
-      <TagGroups {...props}/>
-      <CategoryGroup {...props}/>
+      <SearchInput currentSearch={keyword} {...props} />
+      <TagGroups {...props} />
+      <CategoryGroup {...props} />
     </div>
     <div id='container'>
-      <BlogPostListScroll {...props}/>
+      <BlogPostListScroll {...props} />
     </div>
   </LayoutBase>
 }

themes/medium/components/Progress.js

@@ -9,7 +9,7 @@ const Progress = ({ targetRef, showPercent = true }) => {
   const currentRef = targetRef?.current || targetRef
   const [percent, changePercent] = useState(0)
   const scrollListener = () => {
-    const target = currentRef || document.getElementById('container')
+    const target = currentRef || (typeof document !== 'undefined' && document.getElementById('container'))
     if (target) {
       const clientHeight = target.clientHeight
       const scrollY = window.pageYOffset