Unable to resolve "react-merge-refs" from "node_modules/@splinetool/react-spline/dist/ParentSize.js"

[gameveloster]

import Spline from '@splinetool/react-spline';

export default function MyScreen() {
  return (
    <View>
      <Spline scene="https://prod.spline.design/6Wq1Q7YGyM-iab9i/scene.splinecode" />
    </View>
  );
}

Starting the Expo dev client app on Iphone with this screen will crash with error

iOS Bundling failed 3370ms node_modules/expo-router/entry.js (1532 modules)
Unable to resolve "react-merge-refs" from "node_modules/@splinetool/react-spline/dist/ParentSize.js"

I am using

├── @splinetool/[email protected]
├── @splinetool/[email protected]
├── [email protected]
├── [email protected]
├── [email protected]

Ideas? Thanks

[marcofugaro]

What package manager are you using? react-merge-refs is a dependency automatically installed with react-spline. Your package manager is not installing those.

You can workaround this by adding react-merge-refs as direct dependencies for now.

[alexis2m]

Workaround not work every time with npm

[gameveloster]

I am using Yarn 1.22.22.

Adding react-merge-refs as direct dependency does not work for me. I did this by running yarn add react-merge-refs.

I see the react-merge-refs directory in node_modules:

node_modules/react-merge-refs
├── LICENSE
├── README.md
├── dist
│   ├── index.d.ts
│   ├── index.mjs
│   └── index.mjs.map
└── package.json

Still getting the original error.