[Next.js] Issue with `react-native-screens`

I have an app that works perfectly well when using Expo for Web. I am running into build issues when I try to integrate with Next.js. Whenever I run yarn next build, I get the following build error:

Attempted import error: 'ScreenStack' is not exported from 'react-native-screens'.

This is what I currently have as next.config.js:

const withTM = require("next-transpile-modules")([

module.exports = withPlugins([
      projectRoot: __dirname,

I’m using React Navigation, and most of my navigators look something like this:

let Stack;
if (Platform.OS !== "web") {
  Stack = require("react-native-screens/native-stack").createNativeStackNavigator();
} else {
  Stack = require("@react-navigation/stack").createStackNavigator();

Would love any advice! Total Next.js noob here.

I’m actually seeing the same errors in dev mode. I’m wondering why native stack isn’t supported on web, too.