Made library work with React 19

demo/src/components/DevTools.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { JSX } from "react";
 import { PickerPreview } from "./PickerPreview";
 import {
   // HEX

demo/src/components/Icon.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { JSX } from "react";
 
 export const Star = (props: React.SVGAttributes<SVGElement>): JSX.Element => (
   <svg viewBox="0 0 24 24" width="20" height="20" xmlns="http://www.w3.org/2000/svg" {...props}>

demo/src/components/PickerPreview.tsx

@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/ban-ts-comment */
-import React, { useState } from "react";
+import React, { JSX, useState } from "react";
 import Frame from "react-frame-component";
 import { HexColorInput } from "../../../src";
 import { ColorPickerBaseProps, AnyColor } from "../../../src/types";

demo/src/index.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import ReactDOM from "react-dom";
+import { createRoot } from "react-dom/client";
 import { RgbaColor } from "../../src";
 import { DevTools } from "./components/DevTools";
 import { useFaviconColor } from "./hooks/useFaviconColor";
@@ -91,4 +91,7 @@ const Demo = () => {
   );
 };
 
-ReactDOM.render(<Demo />, document.getElementById("root"));
+const rootElement = document.getElementById("root");
+if (rootElement) {
+  createRoot(rootElement).render(<Demo />);
+}