Setup react native web

example/metro.config.js

@@ -2,6 +2,8 @@ const { getDefaultConfig, mergeConfig } = require("@react-native/metro-config");
 const path = require("node:path");
 const root = path.resolve(__dirname, "..");
 
+const useWeb = process.env.USE_WEB === "true" || process.env.PLATFORM === "web";
+
 /**
  * Metro configuration
  * https://facebook.github.io/metro/docs/configuration
@@ -9,7 +11,22 @@ const root = path.resolve(__dirname, "..");
  * @type {import('metro-config').MetroConfig}
  */
 const config = {
-	watchFolders: [root],
+  watchFolders: [root],
+  ...(useWeb && {
+    resolver: {
+      extraNodeModules: {
+        "react-native": path.resolve(__dirname, "node_modules", "react-native-web"),
+      },
+    },
+  }),
+  transformer: {
+    getTransformOptions: async () => ({
+      transform: {
+        experimentalImportSupport: false,
+        inlineRequires: true,
+      },
+    }),
+  },
 };
 
 module.exports = mergeConfig(getDefaultConfig(__dirname), config);