🐛 Bug Report: Expo: Unable to resolve "@novu/js/internal" from "node_modules/@novu/react/dist/cjs/hooks/NovuProvider.cjs"

[jackall3n]

📜 Description

Hey,

I'm trying to integrate Novu into an Expo application, but receiving this error:

Unable to resolve "@novu/js/internal" from "node_modules/@novu/react/dist/cjs/hooks/NovuProvider.cjs"

Versions:

"@novu/js": "^3.7.0"
"@novu/react": "^3.7.0"
"@novu/react-native": "^3.7.0"

👟 Reproduction steps

Steps to reproduce:

• Checkout novuhq/novu-expo
• npm install @novu/react-native@latest @novu/react@latest @novu/js@latest
• npm run ios --clear
• See error

Note: this repo works correctly with the existing ^2.3.1 versions. Also, upgrading the expo SDK to latest shows the same error

👍 Expected behavior

• Load the application successfully

👎 Actual Behavior with Screenshots

Novu version

3.7.0

npm version

10.8.2

node version

20.18.2

📃 Provide any additional context for the Bug.

Edit/Further investigation ⚠️ : This issue occurs in all packages after 3.3.1. Downgrading to @novu/*@3.3.1 fixes this issue

👀 Have you spent some time to check if this bug has been raised before?

• I checked and didn't find a similar issue

🏢 Have you read the Contributing Guidelines?

• I have read the Contributing Guidelines

Are you willing to submit PR?

Yes I am willing to submit a PR!

[linear]

NV-6485 🐛 Bug Report: Expo: Unable to resolve "@novu/js/internal" from "node_modules/@novu/react/dist/cjs/hooks/NovuProvider.cjs"

[AndreMaz]

+1

Also happens with v3.8.1

Update: The last working version is v3.5.0

[jackall3n]

Follow up, I was able to get this working by adding:

// metro.config.js
const { getDefaultConfig } = require("expo/metro-config");
const path = require('path');

const config = getDefaultConfig(__dirname);

config.resolver.resolveRequest = (context, moduleName, platform) => {
  if (moduleName === '@novu/js/internal') {
    return {
      filePath: path.resolve(__dirname, 'node_modules/@novu/js/dist/cjs/internal/index.js'),
      type: 'sourceFile',
    };
  }
  
  return context.resolveRequest(context, moduleName, platform);
};

module.exports = config

[jainpawan21]

Follow up, I was able to get this working by adding:

// metro.config.js
const { getDefaultConfig } = require("expo/metro-config");
const path = require('path');

const config = getDefaultConfig(__dirname);

config.resolver.resolveRequest = (context, moduleName, platform) => {
if (moduleName === '@novu/js/internal') {
return {
filePath: path.resolve(__dirname, 'node_modules/@novu/js/dist/cjs/internal/index.js'),
type: 'sourceFile',
};
}

return context.resolveRequest(context, moduleName, platform);
};

module.exports = config

Thanks for sharing the fix @jackall3n 🙌🏻

[scopsy]

Will be resolved in the closest patch release (3.9.2)