refactor: get builds with adapters working

Author: pbeshai

Diff for: examples/no-router/package.json

@@ -14,7 +14,7 @@
     "build": "react-scripts build",
     "test": "react-scripts test",
     "eject": "react-scripts eject",
-    "preinstall": "npm link ../../node_modules/react"
+    "preinstall": "npm link ../../packages/use-query-params/node_modules/react"
   },
   "eslintConfig": {
     "extends": "react-app"

Diff for: examples/reach-router/package.json

@@ -23,7 +23,7 @@
     "build": "react-scripts build",
     "test": "react-scripts test --env=jest-environment-jsdom-sixteen",
     "eject": "react-scripts eject",
-    "preinstall": "npm link ../../node_modules/react"
+    "preinstall": "npm link ../../packages/use-query-params/node_modules/react"
   },
   "eslintConfig": {
     "extends": "react-app"

Diff for: examples/react-router-5/package.json

@@ -8,11 +8,13 @@
     "@types/node": "^11.11.2",
     "@types/react": "^16.8.7",
     "@types/react-dom": "^16.8.2",
-    "@types/react-router-dom": "^4.3.1",
+    "@types/react-router-dom": "^5.3.3",
+    "@types/react-router": "^5.1.13",
     "query-string": "^6.12.1",
     "react": "^16.8.4",
     "react-dom": "^16.8.4",
-    "react-router-dom": "^4.3.1",
+    "react-router": "^5.3.3",
+    "react-router-dom": "^5.3.3",
     "react-scripts": "2.1.8",
     "typescript": "^3.3.3333",
     "use-query-params": "*"
@@ -22,7 +24,7 @@
     "build": "react-scripts build",
     "test": "react-scripts test",
     "eject": "react-scripts eject",
-    "preinstall": "npm link ../../node_modules/react"
+    "preinstall": "npm link ../../packages/use-query-params/node_modules/react && npm link ../../packages/use-query-params/node_modules/react-router && npm link ../../packages/use-query-params/node_modules/react-router-dom"
   },
   "eslintConfig": {
     "extends": "react-app"

Diff for: examples/react-router-5/src/UseQueryParamExample.tsx

@@ -23,7 +23,7 @@ const UseQueryParamExample = () => {
   const [anyp, setAnyP] = useQueryParam('anyp');
   const [arr, setArr] = useQueryParam(
     'arr',
-    withDefault(ArrayParam, [] as (string | null)[])
+    React.useMemo(() => withDefault(ArrayParam, [] as (string | null)[]), [])
   );
 
   // verify we aren't creating new arrays each time

Diff for: examples/react-router-5/src/index.tsx

@@ -1,22 +1,20 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { BrowserRouter as Router, Route } from 'react-router-dom';
+import { BrowserRouter as Router } from 'react-router-dom';
 import App from './App';
-import {
-  QueryParamProvider,
-  ExtendedStringifyOptions,
-  transformSearchStringJsonSafe,
-} from 'use-query-params';
-
-const queryStringifyOptions: ExtendedStringifyOptions = {
-  transformSearchString: transformSearchStringJsonSafe,
-};
+import { QueryParamProvider } from 'use-query-params';
+import { ReactRouter5Adapter } from 'use-query-params/dist/adapters/react-router-5';
+import { parse, stringify } from 'query-string';
 
 ReactDOM.render(
   <Router>
     <QueryParamProvider
-      ReactRouterRoute={Route}
-      stringifyOptions={queryStringifyOptions}
+      Adapter={ReactRouter5Adapter}
+      options={{
+        enableBatching: true,
+        parseParams: parse,
+        stringifyParams: stringify,
+      }}
     >
       <App />
     </QueryParamProvider>

Diff for: examples/react-router-6/package.json

@@ -18,7 +18,7 @@
     "build": "react-scripts build",
     "test": "react-scripts test",
     "eject": "react-scripts eject",
-    "preinstall": "npm link ../../node_modules/react"
+    "preinstall": "npm link ../../packages/use-query-params/node_modules/react"
   },
   "eslintConfig": {
     "extends": [

Diff for: examples/website-example/package.json

@@ -9,13 +9,13 @@
     "@types/node": "^14.14.37",
     "@types/react": "^17.0.3",
     "@types/react-dom": "^17.0.3",
-    "@types/react-router-dom": "^5.1.7",
+    "@types/react-router-dom": "^5.3.3",
     "@types/react-syntax-highlighter": "^13.5.0",
     "nanoid": "^3.1.22",
     "query-string": "^7.0.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "react-router-dom": "^5.2.0",
+    "react-router-dom": "^5.3.3",
     "react-scripts": "4.0.3",
     "react-syntax-highlighter": "^15.4.3",
     "typescript": "^4.2.3",
@@ -27,7 +27,7 @@
     "test": "react-scripts test",
     "eject": "react-scripts eject",
     "copy-build": "rsync -vaHE --delete ./build/ ../../docs/",
-    "preinstall": "npm link ../../node_modules/react"
+    "preinstall": "npm link ../../packages/use-query-params/node_modules/react && npm link ../../packages/use-query-params/node_modules/react-router && npm link ../../packages/use-query-params/node_modules/react-router-dom"
   },
   "eslintConfig": {
     "extends": "react-app"

Diff for: lerna.json

@@ -1,7 +1,8 @@
 {
+  "lerna": "latest",
   "packages": [
-    "packages/*",
-    "examples/*"
+    "packages/*"
   ],
+  "npmClient": "npm",
   "version": "independent"
 }