React 19

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-element-to-jsx-string",
-  "version": "15.0.0",
+  "version": "16.0.0",
   "description": "Turn a ReactElement into the corresponding JSX string.",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -43,8 +43,9 @@
     "@babel/preset-react": "7.24.1",
     "@commitlint/cli": "8.3.6",
     "@commitlint/config-angular": "8.3.6",
+    "@testing-library/dom": "10.4.0",
     "@testing-library/jest-dom": "5.17.0",
-    "@testing-library/react": "13.4.0",
+    "@testing-library/react": "16.1.0",
     "babel-eslint": "10.1.0",
     "babel-jest": "24.9.0",
     "babel-register": "6.26.0",
@@ -67,9 +68,10 @@
     "lint-staged": "10.5.4",
     "mversion": "2.0.1",
     "prettier": "1.19.1",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "react-test-renderer": "18.2.0",
+    "react": "19.0.0",
+    "react-dom": "19.0.0",
+    "react-is": "19.0.0",
+    "react-shallow-renderer": "16.15.0",
     "rollup": "2.79.1",
     "rollup-plugin-babel": "4.4.0",
     "rollup-plugin-node-builtins": "2.1.2",
@@ -78,13 +80,13 @@
     "rollup-plugin-sourcemaps": "0.6.3"
   },
   "peerDependencies": {
-    "react": "^0.14.8 || ^15.0.1 || ^16.0.0 || ^17.0.1 || ^18.0.0",
-    "react-dom": "^0.14.8 || ^15.0.1 || ^16.0.0 || ^17.0.1 || ^18.0.0"
+    "react": "^0.14.8 || ^15.0.1 || ^16.0.0 || ^17.0.1 || ^18.0.0 || ^19.0.0",
+    "react-dom": "^0.14.8 || ^15.0.1 || ^16.0.0 || ^17.0.1 || ^18.0.0 || ^19.0.0",
+    "react-is": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
     "@base2/pretty-print-object": "1.0.2",
-    "is-plain-object": "5.0.0",
-    "react-is": "18.2.0"
+    "is-plain-object": "5.0.0"
   },
   "jest": {
     "setupFilesAfterEnv": [

src/index.spec.js

@@ -7,7 +7,7 @@
 /* eslint-disable react/no-string-refs */
 
 import React, { Fragment, Component } from 'react';
-import { createRenderer } from 'react-test-renderer/shallow';
+import ShallowRenderer from 'react-shallow-renderer';
 import { render, screen } from '@testing-library/react';
 import reactElementToJSXString, { preserveFunctionLineBreak } from './index';
 import AnonymousStatelessComponent from './AnonymousStatelessComponent';
@@ -654,7 +654,7 @@ describe('reactElementToJSXString(ReactElement)', () => {
     }
 
     const NestedSpan = myDecorator(<span />);
-    const renderer = createRenderer();
+    const renderer = new ShallowRenderer();
     renderer.render(<NestedSpan />);
     expect(reactElementToJSXString(renderer.getRenderOutput())).toEqual(
       `<div>
@@ -671,7 +671,7 @@ describe('reactElementToJSXString(ReactElement)', () => {
       }
     }
 
-    const renderer = createRenderer();
+    const renderer = new ShallowRenderer();
     renderer.render(<InlineProps name="John" />);
     const actualElement = renderer.getRenderOutput();
     expect(reactElementToJSXString(actualElement)).toEqual(
@@ -1300,6 +1300,21 @@ describe('reactElementToJSXString(ReactElement)', () => {
 </Context.Provider>`);
   });
 
+  it('should stringify `Context` correctly', () => {
+    const Ctx = React.createContext();
+    const App = () => {};
+
+    expect(
+      reactElementToJSXString(
+        <Ctx value={null}>
+          <App />
+        </Ctx>
+      )
+    ).toEqual(`<Context.Provider value={null}>
+  <App />
+</Context.Provider>`);
+  });
+
   it('should stringify `Contex.Provider` with `displayName` correctly', () => {
     const Ctx = React.createContext();
     Ctx.displayName = 'MyCtx';

src/parser/parseReactElement.js

@@ -61,7 +61,7 @@ const getReactElementDisplayName = (element: ReactElement<*>): string => {
     case isContextConsumer(element):
       return `${element.type._context.displayName || 'Context'}.Consumer`;
     case isContextProvider(element):
-      return `${element.type._context.displayName || 'Context'}.Provider`;
+      return `${element.type.displayName || 'Context'}.Provider`;
     case isLazy(element):
       return 'Lazy';
     case isProfiler(element):