### Website or app

https://codesandbox.io/s/react-playground-forked-j4niq

### Repro steps

Emoji seem supported but produce strange symbole

![image](https://user-images.githubusercontent.com/24865815/133793744-55a55582-90ad-425f-8a40-4c061a3c1d80.png)

To test emoji on Window Os, use `[win]+[.]` 🟩


### How often does this bug happen?

Every time

### DevTools package (automated)

_No response_

### DevTools version (automated)

_No response_

### Error message (automated)

_No response_

### Error call stack (automated)

_No response_

### Error component stack (automated)

_No response_

### GitHub query string (automated)

_No response_
</React.Suspense>
        );
      } else {
        return null;
      }
    };
    let LazyComponent;
    beforeEach(() => {
      LazyComponent = React.lazy(() => fakeImport(LazyInnerComponent));
    });
    it('should support Lazy components (legacy render)', async () => {
      const container = document.createElement('div');
      // 
      act(() => legacyRender(<App renderChildren={true} />, container));
      expect(store).toMatchSnapshot('1: mounted + loading');
      await Promise.resolve();
      // 
      act(() => legacyRender(<App renderChildren={true} />, container));
      expect(store).toMatchSnapshot('2: mounted + loaded');
      // Render again to unmount it
      act(() => legacyRender(<App renderChildren={false} />, container));
      expect(store).toMatchSnapshot('3: unmounted');
    });
    it('should support Lazy components in (createRoot)', async () => {
      const container = document.createElement('div');
      const root = ReactDOM.createRoot(container);
      // 
      act(() => root.render(<App renderChildren={true} />));
      expect(store).toMatchSnapshot('1: mounted + loading');
      await Promise.resolve();