babel.config.js

module.exports = {
  presets: ["next/babel"],
  plugins: [["react-native-web", { commonjs: true }]],
};

next.config.js

const { withExpo } = require("@expo/next-adapter");
const withTM = require("next-transpile-modules")([
  "@shared/components",
  "react-native",
  "@expo/next-adapter",
  "expo-status-bar",
  "react-native-web",
]);
const withPlugins = require("next-compose-plugins");

module.exports = withPlugins([withTM, withExpo], {
  projectRoot: __dirname,
  future: {
    webpack5: true,
  },
});