Simply including react-native-web breaks web

[ollyde]

I have the following for web and native support

// app/stripe/stripe.tsx

import { Platform } from 'react-native';

export const { StripeProvider, useStripe, initStripe } = Platform.select({
  web: () => require('./stripe.web'),
  native: () => require('./stripe.native'),
  default: () => require('./stripe.native'),
})();

When including

// app/stripe/stripe.native.tsx
import * as Stripe from '@stripe/stripe-react-native';
export { useStripe, initStripe } from '@stripe/stripe-react-native';

export const StripeProvider: React.FC<{
  publishableKey: string;
  children: JSX.Element | JSX.Element[];
}> = ({ publishableKey, children }) => {
  return <Stripe.StripeProvider publishableKey={publishableKey}>{children}</Stripe.StripeProvider>;
};

It breaks.

Commenting this out works, so including from '@stripe/stripe-react-native' breaks something.

I tried many ways to fix this, with no luck.

Anyone know how I can ignore @stripe/stripe-react-native on web builds?