fix(react-router,start): ensure document is only used when available (#…

…2120)

* fix(react-router,start): ensure document and window is only used when available

* Update packages/react-router/src/Transitioner.tsx

* fix: document not undefined in the transitioner

* fix(start): incorrect exit condition for document on Meta

---------

Co-authored-by: Sean Cassiere <33615041+SeanCassiere@users.noreply.github.com>

packages/react-router/src/Transitioner.tsx

@@ -56,7 +56,7 @@ export function Transitioner() {
   // Try to load the initial location
   useLayoutEffect(() => {
     if (
-      window.__TSR__?.dehydrated ||
+      (typeof window !== 'undefined' && window.__TSR__?.dehydrated) ||
       (mountLoadForRouter.current.router === router &&
         mountLoadForRouter.current.mounted)
     ) {
@@ -111,7 +111,7 @@ export function Transitioner() {
         resolvedLocation: s.location,
       }))
 
-      if ((document as any).querySelector) {
+      if (typeof document !== 'undefined' && (document as any).querySelector) {
         if (router.state.location.hash !== '') {
           const el = document.getElementById(router.state.location.hash)
           if (el) {

packages/start/src/client/Meta.tsx

@@ -173,6 +173,10 @@ export const Meta = ({ children }: { children?: React.ReactNode }) => {
   React[
     typeof document !== 'undefined' ? 'useLayoutEffect' : 'useEffect'
   ](() => {
+    if (typeof document === 'undefined') {
+      return
+    }
+
     // Remove all meta between the tsr meta tags
     const start = document.head.querySelector('meta[name="tsr-meta"]')
     const end = document.head.querySelector('meta[name="/tsr-meta"]')