When using `window.onerror` in the bootstrap script that is hosted in a CDN the error message will show `"Script error."` instead of a proper error message. This is because of the [cross-origin](https://blog.sentry.io/2016/05/17/what-is-script-error/) script. To fix this issue a `crossorigin="anonymous"` attribute needs to be added in the script tag.

Currently, `bootstrapScripts` supports [`src` and `integrity`](https://github.com/facebook/react/blob/0fce6bb498357feb4465859912004b2e20fe7084/packages/react-dom-bindings/src/server/ReactDOMServerFormatConfig.js#L226) as configurations, should it also supports a `crossorigin` property?


<div>
          <Suspense fallback={<h1>Loading...</h1>}>
            <h2>{text}</h2>
            <h2>{text}</h2>
            <h2>{text}</h2>
          </Suspense>
        </div>
      );
    };
    try {
      await act(() => {
        const {pipe} = renderToPipeableStream(<App text="initial" />);
        pipe(writable);
      });
      expect(getVisibleChildren(container)).toEqual(
        <div>
          <h2>initial</h2>
          <h2>initial</h2>
          <h2>initial</h2>
        </div>,
      );
      ReactDOMClient.hydrateRoot(container, <App text="replaced" />, {
        onRecoverableError(error) {
          Scheduler.log('Logged recoverable error: ' + error.message);
        },
      });
      await waitForAll([
        'Logged recoverable error: Text content does not match server-rendered HTML.',
        'Logged recoverable error: There was an error while hydrating this Suspense boundary. Switched to client rendering.',
      ]);