fix: handled react native

package.json

@@ -9,7 +9,9 @@
       "**/billets-admin-server",
       "**/billets-admin-server/**",
       "**/billets-server",
-      "**/billets-server/**"
+      "**/billets-server/**",
+      "**/react-native",
+      "**/react-native/**"
     ]
   },
   "scripts": {

packages/store-client/next.config.js

@@ -1,9 +1,26 @@
+/* eslint-disable no-param-reassign */
 /** @type {import('next').NextConfig} */
 
 const nextConfig = {
   experimental: {
     externalDir: true,
   },
+  webpack: (config) => {
+    config.resolve.alias = {
+      ...(config.resolve.alias || {}),
+      // Transform all direct `react-native` imports to `react-native-web`
+      'react-native$': 'react-native-web',
+    }
+    config.resolve.extensions = [
+      '.web.js',
+      '.web.jsx',
+      '.web.ts',
+      '.web.tsx',
+      ...config.resolve.extensions,
+    ]
+
+    return config
+  },
 }
 
 module.exports = nextConfig

packages/store-client/package.json

@@ -37,7 +37,9 @@
     "react-dom": "^18",
     "react-hook-form": "^7.48.2",
     "zod": "^3.22.4",
-    "zustand": "^4.4.7"
+    "zustand": "^4.4.7",
+    "react-native-web": "^0.18.12",
+    "react-spinners": "^0.13.7"
   },
   "devDependencies": {
     "@tanstack/eslint-plugin-query": "^5.12.1",
@@ -46,6 +48,7 @@
     "@types/react-dom": "^18",
     "ts-node": "^10.9.2",
     "typescript": "^5",
-    "typescript-plugin-css-modules": "^5.0.2"
+    "typescript-plugin-css-modules": "^5.0.2",
+    "react-native": "^0.70.6"
   }
 }