fix: support for react 19 and next15

packages/babel-plugin-react-native-web/src/moduleMap.js

@@ -55,7 +55,6 @@ module.exports = {
   VirtualizedList: true,
   YellowBox: true,
   createElement: true,
-  findNodeHandle: true,
   processColor: true,
   render: true,
   unmountComponentAtNode: true,

packages/react-native-web/src/exports/AppRegistry/renderApplication.js

@@ -12,7 +12,7 @@ import type { ComponentType, Node } from 'react';
 
 import AppContainer from './AppContainer';
 import invariant from 'fbjs/lib/invariant';
-import renderLegacy, { hydrateLegacy, render, hydrate } from '../render';
+import render, { hydrate } from '../render';
 import StyleSheet from '../StyleSheet';
 import React from 'react';
 
@@ -27,18 +27,11 @@ export default function renderApplication<Props: Object>(
   options: {
     hydrate: boolean,
     initialProps: Props,
-    mode: 'concurrent' | 'legacy',
     rootTag: any
   }
 ): Application {
-  const { hydrate: shouldHydrate, initialProps, mode, rootTag } = options;
-  const renderFn = shouldHydrate
-    ? mode === 'concurrent'
-      ? hydrate
-      : hydrateLegacy
-    : mode === 'concurrent'
-    ? render
-    : renderLegacy;
+  const { hydrate: shouldHydrate, initialProps, rootTag } = options;
+  const renderFn = shouldHydrate ? hydrate : render;
 
   invariant(rootTag, 'Expect to have a valid rootTag, instead got ', rootTag);
 

packages/react-native-web/src/exports/render/index.js

@@ -9,46 +9,21 @@
 
 'use client';
 
-import {
-  hydrate as domLegacyHydrate,
-  render as domLegacyRender
-} from 'react-dom';
 import {
   createRoot as domCreateRoot,
   hydrateRoot as domHydrateRoot
 } from 'react-dom/client';
 
-import unmountComponentAtNode from '../unmountComponentAtNode';
 import { createSheet } from '../StyleSheet/dom';
 
 export function hydrate(element, root) {
   createSheet(root);
   return domHydrateRoot(root, element);
 }
 
-export function render(element, root) {
+export default function render(element, root) {
   createSheet(root);
   const reactRoot = domCreateRoot(root);
   reactRoot.render(element);
   return reactRoot;
 }
-
-export function hydrateLegacy(element, root, callback) {
-  createSheet(root);
-  domLegacyHydrate(element, root, callback);
-  return {
-    unmount: function () {
-      return unmountComponentAtNode(root);
-    }
-  };
-}
-
-export default function renderLegacy(element, root, callback) {
-  createSheet(root);
-  domLegacyRender(element, root, callback);
-  return {
-    unmount: function () {
-      return unmountComponentAtNode(root);
-    }
-  };
-}

packages/react-native-web/src/exports/unmountComponentAtNode/index.js

@@ -7,5 +7,7 @@
  * @noflow
  */
 
-import { unmountComponentAtNode } from 'react-dom';
-export default unmountComponentAtNode;
+export default function unmountComponentAtNode(rootTag) {
+  rootTag.unmount();
+  return true;
+}

packages/react-native-web/src/index.js

@@ -1,6 +1,5 @@
 // @flow strict
 export { default as unstable_createElement } from './exports/createElement';
-export { default as findNodeHandle } from './exports/findNodeHandle';
 export { default as processColor } from './exports/processColor';
 export { default as render } from './exports/render';
 export { default as unmountComponentAtNode } from './exports/unmountComponentAtNode';