Usage with `withNativewind` and `getSentryExpoConfig`

[kien-ngo]

Describe the bug
I have the following metro config:

const { getSentryExpoConfig } = require('@sentry/react-native/metro');

const { withNativeWind } = require('nativewind/metro');

const config = getSentryExpoConfig(__dirname, {
  annotateReactComponents: {
    ignoredComponents: [],
  },
});

module.exports = withNativeWind(config, { input: './global.css', inlineRem: 16 });

Not sure how I would properly install facetpack. I have tried this:

module.exports = withFacetpack(withNativeWind(config, { input: './global.css', inlineRem: 16 }))

And it threw at me a wall of text (errors):

EAGER_BUNDLE] TypeError: Cannot read properties of undefined (reading 'customTransformOptions')
[EAGER_BUNDLE] TypeError: Cannot read properties of undefined (reading 'customTransformOptions')
[EAGER_BUNDLE]     at isServerEnvironment (/private/var/folders/_8/845yxk795p5b8x8yq7l8x65w0000gn/T/eas-build-local-nodejs/632d2678-426f-46ca-92b6-85836e218b51/build/node_modules/@expo/metro-config/src/serializer/environmentVariableSerializerPlugin.ts:39:31)
[EAGER_BUNDLE]     at serverPreludeSerializerPlugin (/private/var/folders/_8/845yxk795p5b8x8yq7l8x65w0000gn/T/eas-build-local-nodejs/632d2678-426f-46ca-92b6-85836e218b51/build/node_modules/@expo/metro-config/src/serializer/environmentVariableSerializerPlugin.ts:59:7)

...
Error: bun expo export:embed --eager --platform android --dev false exited with non-zero code: 1

How would I got about integrating facetpack into my current setup?

[Inerska]

Hello @kien-ngo,

I didn't try testing with Sentry,

Try by disabling the treeShaking in the facetPack configuration :

  module.exports = withFacetpack(config, {
    treeShake: false, 
  });

I will implement a fix on the 0.1.10, I will keep you tuned.

[Inerska]

Hi @kien-ngo,

I just have updated to v0.1.10, please update Facetpack and LMK if it works for you!

[kien-ngo]

Hi thanks for the update. I unfortunately moved to Uniwind and I can verify it works #8

Will tryna find sometime to test this on a nativewind setup later

[niteshbalusu11]

I use nativewind and sentry. Here is my metro config:

The app never loads for me, screen stays blank with no errors. As soon as i remove facetpack and restart server, everything works fine.

const path = require("path");
const { withNativeWind } = require("nativewind/metro");
const { getSentryExpoConfig } = require("@sentry/react-native/metro");
const { withFacetpack } = require("@ecrindigital/facetpack");

const projectRoot = __dirname;
const workspaceRoot = path.resolve(projectRoot, "..");

const config = getSentryExpoConfig(__dirname);

config.watchFolders = [workspaceRoot];
config.resolver.nodeModulesPaths = [
  path.resolve(projectRoot, "node_modules"),
  path.resolve(workspaceRoot, "node_modules"),
];

config.resolver.extraNodeModules = {
  "~": projectRoot,
};

module.exports = withFacetpack(withNativeWind(config, { input: "./global.css" }));

Env info:

❯ bunx expo-env-info

  expo-env-info 2.0.8 environment info:
    System:
      OS: macOS 26.3
      Shell: 5.9 - /bin/zsh
    Binaries:
      Node: 24.12.0 - /run/current-system/sw/bin/node
      Yarn: 1.22.22 - /run/current-system/sw/bin/yarn
      npm: 11.6.2 - /run/current-system/sw/bin/npm
    Managers:
      CocoaPods: 1.16.2 - /nix/store/qy4krmn7qmjhya8brbz5skkcjspic8lb-cocoapods-1.16.2/bin/pod
    SDKs:
      iOS SDK:
        Platforms: DriverKit 25.0, iOS 26.0, macOS 26.0, tvOS 26.0, visionOS 26.0, watchOS 26.0
      Android SDK:
        API Levels: 35, 36
        Build Tools: 35.0.0, 36.0.0
    IDEs:
      Android Studio: 2025.2 AI-252.25557.131.2521.14344949
      Xcode: 26.0.1/17A400 - /nix/store/nr6pvxswbw52yrlmfamy6dgz9ihjpq9d-xcode-wrapper-16.4.0/bin/xcodebuild
    Expo Workflow: bare

[Inerska]

Hello @niteshbalusu11,

Thanks for your message, can you provide :

• Facetpack version you're using
• A minimal reproducible example (GitHub repo or something to test in my place)

I will do my best to fix this ASAP,
Best,