diff --git a/package.json b/package.json
index 7b6b4c9a5..7a645e48d 100644
--- a/package.json
+++ b/package.json
@@ -57,5 +57,11 @@
       "packages/subgraph"
     ]
   },
-  "packageManager": "yarn@3.0.2"
+  "packageManager": "yarn@3.0.2",
+  "devDependencies": {
+    "shx": "^0.3.3"
+  },
+  "dependencies": {
+    "react": "^17.0.2"
+  }
 }
diff --git a/packages/hardhat-ts/package.json b/packages/hardhat-ts/package.json
index ff9266b62..6a2f60b33 100644
--- a/packages/hardhat-ts/package.json
+++ b/packages/hardhat-ts/package.json
@@ -52,7 +52,6 @@
     "prettier": "^2.4.1",
     "prettier-plugin-solidity": "^1.0.0-beta.13",
     "rlp": "^2.2.7",
-    "shx": "^0.3.3",
     "solidity-coverage": "^0.7.17",
     "ts-node": "^10.3.0",
     "tsconfig-paths": "^3.11.0",
diff --git a/packages/vite-app-ts/vite.config.ts b/packages/vite-app-ts/vite.config.ts
index d63e015a3..b0536a143 100644
--- a/packages/vite-app-ts/vite.config.ts
+++ b/packages/vite-app-ts/vite.config.ts
@@ -8,8 +8,9 @@ import nodePolyfills from 'rollup-plugin-polyfill-node';
 import { esbuildCommonjs } from '@originjs/vite-plugin-commonjs';
 import React from 'react';
 import reactdom from 'react-dom';
+import { useRef } from 'react';
 
-//console.log('env:dev', process.env.ENVIRONMENT);
+console.log('env:dev', process.env.NODE_ENV);
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [nodePolyfills(), reactPlugin(), macrosPlugin(), tsconfigPaths()],
@@ -21,7 +22,7 @@ export default defineConfig({
       transformMixedEsModules: true,
       ...{
         namedExports: {
-          react: Object.keys(React),
+          react: [...Object.keys(React), 'useRef'],
           'react-dom': Object.keys(reactdom),
           // '@apollo/client': ['ApolloProvider', 'ApolloClient', 'HttpLink', 'InMemoryCache', 'useQuery', 'gql'],
           // 'styled-components': ['styled', 'css', 'ThemeProvider'],
diff --git a/yarn.lock b/yarn.lock
index 37d9325f5..d489d8dd1 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2090,7 +2090,6 @@ __metadata:
     prettier-plugin-solidity: ^1.0.0-beta.13
     qrcode-terminal: ^0.12.0
     rlp: ^2.2.7
-    shx: ^0.3.3
     solidity-coverage: ^0.7.17
     ts-node: ^10.3.0
     tsconfig-paths: ^3.11.0
@@ -2112,6 +2111,9 @@ __metadata:
 "@scaffold-eth/typescript@workspace:.":
   version: 0.0.0-use.local
   resolution: "@scaffold-eth/typescript@workspace:."
+  dependencies:
+    react: ^17.0.2
+    shx: ^0.3.3
   languageName: unknown
   linkType: soft