Use Expo DOM

[julienqueffelec]

Description of the bug

use DOM expos in monorepo

To Reproduce

1. Create a web component

'use dom';

import React from 'react';

export default function WebComponent() {
  return (
    <div
      style={{
        padding: 16,
      }}
    >
      <h1 style={{ color: 'black' }}>Hello world</h1>
    </div>
  );
}

2. import it in the homepage

import { Paragraph, Strong } from '@acme/ui';

import { ComponentProps } from 'react';

import WebComponent from './WebComponent';

type HomeMessageProps = ComponentProps<typeof Paragraph>;

export const HomeMessage = (props: HomeMessageProps) => (
  <Paragraph {...props}>
    Hello from an <Strong>Expomonorepo</Strong>!
    <WebComponent />
  </Paragraph>
);

3. Launch metro server.

Expected behavior

See the web component

Actual behavior

Nothing show on screen.

I can see "DOM Bundled" in the metro logs.

[byCedric]

Hi @julienqueffelec! I can't seem to reproduce the issue, is it possible to send me your project code as is? In the example below, I've used the command pnpm run dev:example in the monorepo root.

[byCedric]

Re: https://x.com/julienqueffelec/status/1887127958982213911

This should work on initial screens as well:

expo-monorepo-dom.mp4