Moti + Storybook + React-Native-Web

main.js

const path = require("path");
const { withUnimodules } = require("@expo/webpack-config/addons");

module.exports = {
  stories: ["../src/**/*.stories.@(ts|tsx|js|jsx)"],
  webpackFinal: async (config) => {
    return withUnimodules(
      config,
      {
        projectRoot: path.resolve(__dirname, "../"),
        babel: { dangerouslyAddModulePathsToTranspile: ["moti"] },
      },
      {
        expoConfig: {
          web: {
            build: {
              babel: {
                use: {
                  options: {
                    babelrc: false,
                    configFile: true,
                  },
                },
              },
            },
          },
        },
      }
    );
  },
};

If you are getting a similar error to can't import the named export 'children' from nonecmascript module you need to add the lines below.
Some versions of frame-motion use the .mjs file inside.

config.module.rules.push({
      type: 'javascript/auto',
      test: /\.mjs$/,
      include: /node_modules/,
});

It worked amazingly, thanks for sharing it 🙌