Removing query-string from react example

examples/react/package.json

@@ -16,7 +16,6 @@
     "@vanilla-extract/css": "^1.9.3",
     "ethers": "^5.7.2",
     "framer-motion": "^8.5.2",
-    "query-string": "^8.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "typescript": "^5.3.3",

examples/react/src/components/Homepage.tsx

@@ -1,5 +1,4 @@
 import React, { useEffect } from 'react'
-import qs from 'query-string'
 import {
   useOpenConnectModal,
   signEthAuthProof,
@@ -32,7 +31,6 @@ import {
   MoonIcon,
   SignoutIcon,
   useTheme,
-  vars,
   Spinner,
   useMediaQuery,
   Switch,
@@ -48,6 +46,10 @@ import abi from '../constants/nft-abi'
 import { ethers } from 'ethers'
 import { Alert, AlertProps } from './Alert'
 
+// append ?debug to url to enable debug mode
+const searchParams = new URLSearchParams(location.search)
+const isDebugMode = searchParams.has('debug')
+
 function Homepage() {
   const { theme, setTheme } = useTheme()
   const { setTheme: setKitTheme } = useKitTheme()
@@ -140,10 +142,6 @@ function Homepage() {
 
   const publicClient = usePublicClient({ chainId })
 
-  // append ?debug=true to url to enable debug mode
-  const { debug } = qs.parse(location.search)
-  const isDebugMode = debug === 'true'
-
   const generateEthAuthProof = async () => {
     if (!walletClient || !publicClient) {
       return

examples/react/vite.config.js

@@ -10,9 +10,6 @@ dns.setDefaultResultOrder('verbatim')
 
 export default defineConfig(() => {
   return {
-    // build: {
-    //   outDir: 'build',
-    // },
     plugins: [
       react(),
       nodePolyfills({
@@ -25,7 +22,11 @@ export default defineConfig(() => {
       vanillaExtractPlugin(),
       svgrPlugin()
     ],
+    build: {
+      minify: false
+    },
     server: {
+      minify: false,
       port: 4444,
       fs: {
         // Allow serving files from one level up to the project root