If you use the `bootstrapScriptContent` option of `renderToPipeableStream()` to provide hydration data (as [recommended in the <script> upgrade guide](https://github.com/reactwg/react-18/discussions/114)) with `JSON.stringify()` it doesn’t work because React escapes HTML characters in `bootstrapScriptContent` like quotes. I’ve worked around this by using backticks to deliniate strings.

What’s the correct thing to do here?

https://github.com/facebook/react/blob/cdb8a1d19d0c0d43a72c3f0fe739b04da247c360/packages/react-dom/src/server/ReactDOMServerFormatConfig.js#L99-L105
expect(span2Ref.current).not.toBe(span2);
      
      expect(span1Ref.current).toBe(span1);
      expect(span3Ref.current).toBe(span3);
    },
  );
  it('logs regular (non-hydration) errors when the UI recovers', async () => {
    let shouldThrow = true;
    function A() {
      if (shouldThrow) {
        Scheduler.unstable_yieldValue('Oops!');
        throw new Error('Oops!');
      }
      Scheduler.unstable_yieldValue('A');
      return 'A';
    }
    function B() {
      Scheduler.unstable_yieldValue('B');
      return 'B';
    }
    function App() {
      return (
        <>
          <A />
          <B />
        </>
      );
    }
    const root = ReactDOMClient.createRoot(container, {
      onRecoverableError(error) {