From 0dedf4c448d92d7b5f01f7f18786e6c30b8a9e9f Mon Sep 17 00:00:00 2001
From: Jordan Thomson <skews.sud_0a@icloud.com>
Date: Sat, 8 Feb 2025 19:16:11 +1100
Subject: [PATCH] React 19 support

---
 demo/index.js      |  6 +++---
 demo/type-test.tsx |  2 +-
 index.d.ts         |  2 +-
 package.json       | 10 +++++-----
 4 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/demo/index.js b/demo/index.js
index 64a338f..7e05a25 100644
--- a/demo/index.js
+++ b/demo/index.js
@@ -1,7 +1,7 @@
 'use strict';
 
 import React from 'react';
-import ReactDOM from 'react-dom';
+import ReactDOMClient from 'react-dom/client';
 import Avatar, {
     getRandomColor,
     ConfigProvider,
@@ -453,8 +453,8 @@ var mountNode = document.getElementById('container');
 // Enable strict mode when supported by react version
 var Wrapper = React.StrictMode || 'div';
 
-ReactDOM.render((
+ReactDOMClient.createRoot(mountNode).render(
     <Wrapper>
         <Demo />
     </Wrapper>
-), mountNode);
+);
diff --git a/demo/type-test.tsx b/demo/type-test.tsx
index 3afbab0..61b4719 100644
--- a/demo/type-test.tsx
+++ b/demo/type-test.tsx
@@ -56,6 +56,6 @@ class TypeTest extends Component {
                     <Avatar />
                 </ConfigProvider>
             </div>
-        )
+        );
     }
 }
diff --git a/index.d.ts b/index.d.ts
index f3bd08c..7e1250f 100644
--- a/index.d.ts
+++ b/index.d.ts
@@ -95,7 +95,7 @@ interface CreateAvatarOptions {
     sources?: SourceConstructor[]
 }
 
-export interface ConfigProvider {
+export interface ConfigProvider extends React.PropsWithChildren {
     /**
      * A list of color values as strings from which the getRandomColor picks one at random.
      */
diff --git a/package.json b/package.json
index 2d62236..39c8209 100644
--- a/package.json
+++ b/package.json
@@ -42,7 +42,7 @@
   "peerDependencies": {
     "@babel/runtime": ">=7",
     "core-js-pure": ">=3",
-    "react": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0",
+    "react": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
     "prop-types": "^15.0.0 || ^16.0.0"
   },
   "devDependencies": {
@@ -53,7 +53,7 @@
     "@babel/preset-env": "^7.7.7",
     "@babel/preset-react": "^7.7.4",
     "@babel/runtime": "^7.16.0",
-    "@types/react": "^16.0.0",
+    "@types/react": "^19.0.8",
     "babel-eslint": "^10.0.3",
     "babel-loader": "^8.0.6",
     "babel-plugin-polyfill-corejs3": "^0.3.0",
@@ -63,9 +63,9 @@
     "eslint-plugin-react": "^7.17.0",
     "file-loader": "^5.0.2",
     "gh-pages": "^6.1.1",
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1",
-    "typescript": "^5.4.5",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "typescript": "^5.7.3",
     "webpack": "^5.72.1",
     "webpack-bundle-analyzer": "^3.6.0",
     "webpack-cli": "^4.9.2",