fix: update adapter when window location is changed

Author: am1rb

packages/use-query-params-adapter-window/src/index.ts

@@ -1,7 +1,7 @@
-import { useState } from 'react';
-import { PartialLocation, QueryParamAdapterComponent } from 'use-query-params';
+import { useEffect, useState } from 'react';
+import { PartialLocation, QueryParamAdapterComponent, QueryParamAdapter } from 'use-query-params';
 
-function makeAdapter() {
+function makeAdapter(): QueryParamAdapter {
   const adapter = {
     replace(location: PartialLocation) {
       window.history.replaceState(location.state, '', location.search || '?');
@@ -25,7 +25,14 @@ export const WindowHistoryAdapter: QueryParamAdapterComponent = ({
   children,
 }) => {
   // we use a lazy caching solution to prevent #46 from happening
-  const [adapter] = useState(makeAdapter);
+  const [adapter, setAdapter] = useState<QueryParamAdapter>(makeAdapter)
+
+  useEffect(() => {
+    const handleUpdate = () => setAdapter(makeAdapter())
+
+    window.addEventListener('popstate', handleUpdate)
+    return () => window.removeEventListener('popstate', handleUpdate)
+  }, [])
 
   return children(adapter);
 };