test: replace deprecated hydrate with hydrateRoot

Author: Xhale1

csp-server/client.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { hydrate } from 'react-dom';
+import { hydrateRoot } from 'react-dom/client';
 import App from './app';
 
 const root = document.getElementById('root');
@@ -12,5 +12,5 @@ if (cspEl) {
 }
 
 if (root) {
-  hydrate(<App nonce={nonce} />, root);
+  hydrateRoot(root, <App nonce={nonce} />);
 }

test/unit/integration/server-side-rendering/client-hydration.spec.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
+import { hydrateRoot } from 'react-dom/client';
 import ReactDOMServer from 'react-dom/server';
 import { invariant } from '../../../../src/invariant';
 import { resetServerContext } from '../../../../src';
@@ -43,5 +43,5 @@ it('should support hydrating a server side rendered application', () => {
   el.innerHTML = serverHTML;
   getBodyElement().appendChild(el);
 
-  expect(() => ReactDOM.hydrate(<App />, el)).not.toThrow();
+  expect(() => hydrateRoot(el, <App />)).not.toThrow();
 });