unable to get RNW working with on SSR side

Description

I’m trying to use this plugin with React Native Web.

I’ve verified config below (aliasing RN to RNW) works in vanilla Vite project.

But using with ssr plugin, the alias is not picked up, resulting import error due to trying to import react-native package.

It does seem like this plugin overrides config, so please recommend best approach or necessary fix for getting this working.

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import ssr from 'vite-plugin-ssr/plugin'

const reactNativeWeb = () => ({
  name: 'react-native-web-plugin',
  config: () => ({
    resolve: {
      alias: {
        extensions: [".web.jsx", ".web.js", ".jsx", ".js"],
        "react-native": "react-native-web",
      }
    }
  })
})

export default defineConfig({
  plugins: [
    reactNativeWeb(),
    react(),
    ssr()
  ],
})

Error Stack

RN alias error: 

import typeof AccessibilityInfo from './Libraries/Components/AccessibilityInfo/AccessibilityInfo';
^^^^^^

SyntaxError: Cannot use import statement outside a module

[brillout]

Closing because I think it’s a user land issue that should be fixable.

But if you have evidence that it’s related to vite-plugin-ssr (ideally two reproductions as I described above), then I’m happy to have a look. I’ll reopen then.

(FYI https://brillout.github.io/rules/.)

[brillout]

👍 . Btw. contribution much welcome to create a react-native example. I’ll then link it from the docs.