fix(react-v19): Properly support react v19

Make prepass backwards compatible with react v19, it was necessary to handle with the following changes in React:
- facebook/react#28789
- facebook/react#28813
- facebook/react#28226

Author: FMota0

.tool-versions

@@ -1 +1 @@
-nodejs 14.20.0
+nodejs 18.19.0

src/element.js

@@ -6,6 +6,7 @@ import type { AbstractContext, AbstractElement } from './types'
 import {
   type ReactSymbol,
   REACT_ELEMENT_TYPE,
+  REACT_TRANSITIONAL_ELEMENT_TYPE,
   REACT_PORTAL_TYPE,
   REACT_FRAGMENT_TYPE,
   REACT_STRICT_MODE_TYPE,
@@ -29,6 +30,7 @@ export const typeOf = (x: AbstractElement): ReactSymbol | void => {
     case REACT_PORTAL_TYPE:
       return REACT_PORTAL_TYPE
     case REACT_ELEMENT_TYPE:
+    case REACT_TRANSITIONAL_ELEMENT_TYPE:
       switch (x.type) {
         case REACT_CONCURRENT_MODE_TYPE:
           return REACT_CONCURRENT_MODE_TYPE
@@ -48,7 +50,6 @@ export const typeOf = (x: AbstractElement): ReactSymbol | void => {
             case REACT_MEMO_TYPE:
               return REACT_MEMO_TYPE
             case REACT_CONTEXT_TYPE:
-              return REACT_CONTEXT_TYPE
             case REACT_PROVIDER_TYPE:
               return REACT_PROVIDER_TYPE
             case REACT_FORWARD_REF_TYPE:

src/symbols.js

@@ -2,7 +2,12 @@
 
 import type { Node } from 'react'
 
+/**
+ * Element is already legacy in NextJS v15 https://github.com/vercel/next.js/pull/65058
+ * https://github.com/facebook/react/pull/28813
+ */
 let Element = 0xeac7
+let TransitionalElement = 0xeac7
 let Portal = 0xeaca
 let Fragment = 0xeacb
 let StrictMode = 0xeacc
@@ -19,6 +24,7 @@ let ClientReferenceTag = undefined
 if (typeof Symbol === 'function' && Symbol.for) {
   const symbolFor = Symbol.for
   Element = symbolFor('react.element')
+  TransitionalElement = symbolFor('react.transitional.element')
   Portal = symbolFor('react.portal')
   Fragment = symbolFor('react.fragment')
   StrictMode = symbolFor('react.strict_mode')
@@ -36,6 +42,7 @@ if (typeof Symbol === 'function' && Symbol.for) {
 /** Literal types representing the ReactSymbol values. These values do not actually match the values from react-is! */
 export type ReactSymbol =
   | 'react.element' /* 0xeac7 | Symbol(react.element) */
+  | 'react.transitional.element' /* 0xeac7 | Symbol(react.transitional.element) */
   | 'react.portal' /* 0xeaca | Symbol(react.portal) */
   | 'react.fragment' /* 0xeacb | Symbol(react.fragment) */
   | 'react.strict_mode' /* 0xeacc | Symbol(react.strict_mode) */
@@ -49,6 +56,8 @@ export type ReactSymbol =
   | 'react.lazy' /* 0xead4 | Symbol(react.lazy) */
 
 export const REACT_ELEMENT_TYPE: 'react.element' = (Element: any)
+export const REACT_TRANSITIONAL_ELEMENT_TYPE: 'react.transitional.element' =
+  (TransitionalElement: any)
 export const REACT_PORTAL_TYPE: 'react.portal' = (Portal: any)
 export const REACT_FRAGMENT_TYPE: 'react.fragment' = (Fragment: any)
 export const REACT_STRICT_MODE_TYPE: 'react.strict_mode' = (StrictMode: any)

src/visitor.js

@@ -66,6 +66,7 @@ import {
 
 import {
   REACT_ELEMENT_TYPE,
+  REACT_TRANSITIONAL_ELEMENT_TYPE,
   REACT_PORTAL_TYPE,
   REACT_FRAGMENT_TYPE,
   REACT_STRICT_MODE_TYPE,
@@ -86,7 +87,19 @@ const REACT_INTERNALS =
   (React: any).__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE
 
 const ReactCurrentDispatcher =
-  REACT_INTERNALS && REACT_INTERNALS.ReactCurrentDispatcher
+  REACT_INTERNALS.ReactCurrentDispatcher || REACT_INTERNALS
+
+const getReactCurrentDispatcher = () => {
+  return ReactCurrentDispatcher.current || ReactCurrentDispatcher.H
+}
+
+const injectReactCurrentDispatcher = (newDispatcher) => {
+  if (ReactCurrentDispatcher.current) {
+    ReactCurrentDispatcher.current = newDispatcher
+  } else {
+    ReactCurrentDispatcher.H = newDispatcher
+  }
+}
 
 // In the presence of setImmediate, i.e. on Node, we'll enable the
 // yielding behavior that gives the event loop a chance to continue
@@ -141,7 +154,9 @@ export const visitElement = (
       const providerElement = ((element: any): ProviderElement)
       // Add provider's value prop to context
       const { value, children } = providerElement.props
-      setContextValue(providerElement.type._context, value)
+      const type = (providerElement.type: any)
+      const context = typeof type._context === 'object' ? type._context : type
+      setContextValue(context, value)
 
       return getChildrenArray(children)
     }
@@ -221,11 +236,11 @@ const visitLoop = (
   visitor: Visitor,
   clientRefVisitor: ClientReferenceVisitor
 ): boolean => {
-  const prevDispatcher = ReactCurrentDispatcher.current
+  const prevDispatcher = getReactCurrentDispatcher()
   const start = Date.now()
 
   try {
-    ReactCurrentDispatcher.current = Dispatcher
+    injectReactCurrentDispatcher(Dispatcher)
     while (traversalChildren.length > 0) {
       const element = traversalChildren[traversalChildren.length - 1].shift()
       if (element !== undefined) {
@@ -254,7 +269,7 @@ const visitLoop = (
     queue.unshift(errorFrame)
     return false
   } finally {
-    ReactCurrentDispatcher.current = prevDispatcher
+    injectReactCurrentDispatcher(prevDispatcher)
   }
 }
 
@@ -341,10 +356,10 @@ export const update = (
       )
     }
   } else {
-    const prevDispatcher = ReactCurrentDispatcher.current
+    const prevDispatcher = getReactCurrentDispatcher()
     let children = null
 
-    ReactCurrentDispatcher.current = Dispatcher
+    injectReactCurrentDispatcher(Dispatcher)
 
     try {
       if (frame.kind === 'frame.class') {
@@ -363,7 +378,7 @@ export const update = (
       queue.unshift(errorFrame)
       children = null
     } finally {
-      ReactCurrentDispatcher.current = prevDispatcher
+      injectReactCurrentDispatcher(prevDispatcher)
     }
 
     visit(getChildrenArray(children), queue, visitor, clientRefVisitor)