fix(router): use router for script tag rendering

Author: jamongsalguclub

packages/react-router/src/Asset.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react'
 import type { RouterManagedTag } from '@tanstack/router-core'
+import { useRouter } from './useRouter'
 
 interface ScriptAttrs {
   [key: string]: string | boolean | undefined
@@ -44,6 +45,8 @@ function Script({
   attrs?: ScriptAttrs
   children?: string
 }) {
+  const router = useRouter()
+
   React.useEffect(() => {
     if (attrs?.src) {
       const existingScript = document.querySelector(
@@ -115,7 +118,7 @@ function Script({
     return undefined
   }, [attrs, children])
 
-  if (typeof window !== 'undefined') {
+  if (!router.isServer) {
     return null
   }
 

packages/solid-router/src/Asset.tsx

@@ -1,5 +1,6 @@
 import { Meta, Style, Title } from '@solidjs/meta'
 import { onCleanup, onMount } from 'solid-js'
+import { useRouter } from './useRouter'
 import type { RouterManagedTag } from '@tanstack/router-core'
 import type { JSX } from 'solid-js'
 
@@ -36,6 +37,8 @@ function Script({
   attrs?: ScriptAttrs
   children?: string
 }): JSX.Element | null {
+  const router = useRouter()
+
   onMount(() => {
     if (attrs?.src) {
       const existingScript = document.querySelector(
@@ -95,7 +98,7 @@ function Script({
     }
   })
 
-  if (typeof window !== 'undefined') {
+  if (!router.isServer) {
     return null
   }