Update broken routing in example, switch to vite

gregplaysguitar · gregplaysguitar · commit d9927a8cf161 · 2021-11-10T13:06:38.000+13:00
diff --git a/example/index.html b/example/index.html
@@ -10,7 +10,7 @@
 
 <body>
   <div id="root"></div>
-  <script src="./index.tsx"></script>
+  <script type="module" src="./index.tsx"></script>
 </body>
 
 </html>
diff --git a/example/index.tsx b/example/index.tsx
@@ -24,7 +24,7 @@ const A = ({
 
 export const App = () => {
   const [path, setPath] = React.useState(window.location.pathname)
-  React.useEffect(() => history.listen(e => setPath(e.pathname)))
+  React.useEffect(() => history.listen(e => setPath(e.location.pathname)))
 
   return (
     <div style={{padding: '0 20px', maxWidth: '960px', margin: 'auto'}}>
diff --git a/example/package.json b/example/package.json
@@ -8,21 +8,21 @@
     "build": "parcel build index.html"
   },
   "dependencies": {
-    "history": "^5.0.0",
-    "react": ">=15",
-    "react-app-polyfill": "^2.0.0",
-    "style.css": "^1.0.0"
+    "history": "5.1.0",
+    "react": "17.0.2",
+    "react-app-polyfill": "2.0.0",
+    "style.css": "1.0.0"
   },
   "alias": {
     "react": "../node_modules/react",
     "react-dom": "../node_modules/react-dom/profiling",
     "scheduler/tracing": "../node_modules/scheduler/tracing-profiling"
   },
   "devDependencies": {
-    "@types/history": "4.7.8",
-    "@types/react": "17.0.13",
-    "@types/react-dom": "17.0.8",
-    "parcel": "1.12.4",
-    "typescript": "3.9.10"
+    "@types/react": "17.0.34",
+    "@types/react-dom": "17.0.11",
+    "@vitejs/plugin-react": "1.0.8",
+    "typescript": "4.4.4",
+    "vite": "2.6.14"
   }
 }
diff --git a/example/tsconfig.json b/example/tsconfig.json
@@ -1,19 +1,9 @@
 {
   "compilerOptions": {
-    "allowSyntheticDefaultImports": false,
-    "target": "es5",
-    "module": "commonjs",
+    "target": "es2015",
+    "lib": ["es2018", "dom"],
+    "module": "es2020",
     "jsx": "react",
-    "moduleResolution": "node",
-    "noImplicitAny": false,
-    "noUnusedLocals": false,
-    "noUnusedParameters": false,
-    "removeComments": true,
-    "strictNullChecks": true,
-    "preserveConstEnums": true,
-    "sourceMap": true,
-    "lib": ["es2015", "es2016", "dom"],
-    "baseUrl": ".",
-    "types": ["node"]
+    "moduleResolution": "node"
   }
 }
diff --git a/example/vite.config.ts b/example/vite.config.ts
@@ -0,0 +1,6 @@
+import {defineConfig} from 'vite'
+import react from '@vitejs/plugin-react'
+
+export default defineConfig({
+  plugins: [react()]
+})
diff --git a/example/yarn.lock b/example/yarn.lock
