How to use with react-native-web and Vite?

This is my vite.config

import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import { esbuildFlowPlugin } from "@bunchtogether/vite-plugin-flow";

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
  resolve: {
    alias: {
      "react-native": "react-native-web",
      "react-native-safe-area-context":
        "react-native-safe-area-context/lib/module/index.js",
    },
  },
  optimizeDeps: {
    esbuildOptions: {
      plugins: [
        esbuildFlowPlugin(/\.(flow|jsx?)$/, (path) =>
          /\.jsx$/.test(path) ? "jsx" : "jsx"
        ),
      ],
    },
  },
});

I tried to alias react-native-safe-area-context to react-native-safe-area-context/lib/module/index.js and to react-native-safe-area-context/lib/commonjs/index.js. Both resulting in this error

 import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';

react-native-web itself works fine with Vite.

I'm new to this subject, but shouldn't there be specific distribution for web?

th3rdwave / react-native-safe-area-context

How to use with react-native-web and Vite? #430