@tanstack/router-core 0.0.1-beta.51 → 0.0.1-beta.52

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tanstack/router-core",
   "author": "Tanner Linsley",
-  "version": "0.0.1-beta.51",
+  "version": "0.0.1-beta.52",
   "license": "MIT",
   "repository": "tanstack/router",
   "homepage": "https://tanstack.com/router",

package/src/history.ts

@@ -146,13 +146,8 @@ export function createMemoryHistory(
 
   return createHistory({
     getLocation,
-    listener: (onUpdate) => {
-      window.addEventListener(popStateEvent, onUpdate)
-      // We might need to handle the hashchange event in the future
-      // window.addEventListener(hashChangeEvent, onUpdate)
-      return () => {
-        window.removeEventListener(popStateEvent, onUpdate)
-      }
+    listener: () => {
+      return () => {}
     },
     pushState: (path, state) => {
       currentState = {

package/src/routeMatch.ts

@@ -95,7 +95,7 @@ export class RouteMatch<
     }
   }
 
-  #setLoaderData = (loaderData: TRouteInfo['routeLoaderData']) => {
+  setLoaderData = (loaderData: TRouteInfo['routeLoaderData']) => {
     batch(() => {
       this.store.setState((s) => {
         s.routeLoaderData = loaderData
@@ -197,7 +197,7 @@ export class RouteMatch<
           if (this.route.options.loader) {
             const data = await this.router.loadMatchData(this)
             if ((latestPromise = checkLatest())) return latestPromise
-            this.#setLoaderData(data)
+            this.setLoaderData(data)
           }
 
           this.store.setState((s) => {

package/src/router.ts

@@ -295,6 +295,7 @@ export class Router<
     'stringifySearch' | 'parseSearch' | 'context'
   >
   history!: RouterHistory
+  #unsubHistory?: () => void
   basepath: string
   // __location: Location<TAllRouteInfo['fullSearchSchema']>
   routeTree!: Route<TAllRouteInfo, RouteInfo>
@@ -341,10 +342,6 @@ export class Router<
         this.load()
       }
 
-      const unsubHistory = this.history.listen(() => {
-        this.load(this.#parseLocation(this.store.state.latestLocation))
-      })
-
       const visibilityChangeEvent = 'visibilitychange'
       const focusEvent = 'focus'
 
@@ -358,7 +355,6 @@ export class Router<
       }
 
       return () => {
-        unsubHistory()
         if (window.removeEventListener) {
           // Be sure to unsubscribe if a new handler is set
 
@@ -384,15 +380,22 @@ export class Router<
       !this.history ||
       (this.options.history && this.options.history !== this.history)
     ) {
+      if (this.#unsubHistory) {
+        this.#unsubHistory()
+      }
+
       this.history =
-        this.options?.history ?? isServer
-          ? createMemoryHistory()
-          : createBrowserHistory()!
+        this.options.history ??
+        (isServer ? createMemoryHistory() : createBrowserHistory()!)
 
       this.store.setState((s) => {
         s.latestLocation = this.#parseLocation()
         s.currentLocation = s.latestLocation
       })
+
+      this.#unsubHistory = this.history.listen(() => {
+        this.load(this.#parseLocation(this.store.state.latestLocation))
+      })
     }
 
     const { basepath, routeConfig } = this.options
@@ -1114,7 +1117,10 @@ export class Router<
           dehydratedMatch && dehydratedMatch.id === match.id,
           'Oh no! There was a hydration mismatch when attempting to rethis.store the state of the router! 😬',
         )
-        Object.assign(match, dehydratedMatch)
+        match.store.setState((s) => {
+          Object.assign(s, dehydratedMatch.state)
+        })
+        match.setLoaderData(dehydratedMatch.state.routeLoaderData)
       })
 
       currentMatches.forEach((match) => match.__validate())