React 19 (#34)

Author: melloware

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "@melloware/react-logviewer",
-    "version": "5.1.1",
+    "version": "5.2.0",
     "description": "React Lazy LogViewer",
     "keywords": [
         "react",
@@ -60,7 +60,7 @@
         "@storybook/preset-scss": "^1.0.3",
         "@storybook/react": "^7.6.17",
         "@storybook/react-webpack5": "^7.6.17",
-        "@types/react": "^18.3.1",
+        "@types/react": "^18.3.3",
         "@types/react-window": "^1.8.8",
         "babel-jest": "^29.7.0",
         "babel-loader": "^9.1.3",
@@ -73,15 +73,15 @@
         "rollup": "2.79.1",
         "rollup-plugin-dts": "4.2.3",
         "rollup-plugin-postcss": "^4.0.2",
-        "sass": "^1.77.2",
+        "sass": "^1.77.4",
         "sass-loader": "^13.3.2",
         "storybook": "^7.6.17",
         "style-loader": "^3.3.4",
         "typescript": "^4.9.5",
         "webpack": "^5.91.0"
     },
     "peerDependencies": {
-        "react": "^17.1.1 || ^18.0.0",
-        "react-dom": "^17.1.1 || ^18.0.0"
+        "react": "^17.1.1 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^17.1.1 || ^18.0.0 || ^19.0.0"
     }
 }

package.json

@@ -1,33 +1,31 @@
-import { object } from "prop-types";
+import React, { Component } from 'react';
 
-import React, { Component } from "react";
-
-import styles from "./index.module.css";
+import styles from './index.module.css';
 
 export interface LineGutterProps {
-    /**
-     * The gutter object
-     */
-    gutter: React.ReactNode;
+	/**
+	 * The gutter object
+	 */
+	gutter: React.ReactNode;
+}
+
+interface LineGutterProps {
+	gutter?: unknown;
 }
 
 /**
  * The gutter is an element between the line number and content.
  */
-export default class LineGutter extends Component<LineGutterProps, any> {
-    static propTypes = {
-        gutter: object,
-    };
-
-    static defaultProps = {
-        gutter: null,
-    };
+export default class LineGutter extends Component<LineGutterProps> {
+	static defaultProps = {
+		gutter: null,
+	};
 
-    render() {
-        const { gutter } = this.props;
+	render() {
+		const { gutter } = this.props;
 
-        return (
-            <span className={`log-gutter ${styles.lineGutter}`}>{gutter}</span>
-        );
-    }
+		return (
+			<span className={`log-gutter ${styles.lineGutter}`}>{gutter}</span>
+		);
+	}
 }