Merge pull request #20 from vangberg/dependabot/npm_and_yarn/multi-ce…

…c19ee5eb

Bump react, react-dom and @types/react

package.json

@@ -78,8 +78,8 @@
     "@types/markdown-it": "^14.1.2",
     "@types/node": "^22.10.2",
     "@types/parsimmon": "^1.10.6",
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
+    "@types/react": "^19.0.1",
+    "@types/react-dom": "^19.0.2",
     "@typescript-eslint/eslint-plugin": "^8.18.0",
     "@typescript-eslint/parser": "^8.18.0",
     "autoprefixer": "^10.2.5",
@@ -113,8 +113,8 @@
     "prosemirror-state": "^1.4.3",
     "prosemirror-transform": "^1.10.2",
     "prosemirror-view": "^1.37.1",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "sqlite": "^5.1.1",
     "sqlite3": "^5.1.6",
     "style-loader": "^4.0.0",

src/skrift-electron/renderer/components/CardToolbarItem.tsx

@@ -4,14 +4,16 @@ import React, { PropsWithChildren, useCallback } from "react";
 type Props = {
   onClick?: () => void;
   className?: string;
+  ref?: React.Ref<HTMLDivElement>;
 };
 
-export const CardToolbarItem = React.forwardRef<HTMLDivElement, PropsWithChildren<Props>>(({
+export const CardToolbarItem: React.FC<PropsWithChildren<Props>> = ({
   onClick,
   className,
   children,
+  ref,
   ...props
-}, ref) => {
+}) => {
   return (
     <div
       ref={ref}
@@ -26,4 +28,4 @@ export const CardToolbarItem = React.forwardRef<HTMLDivElement, PropsWithChildre
       {children}
     </div>
   );
-});
+}

src/skrift-electron/renderer/hooks/usePrevious.ts

@@ -1,7 +1,7 @@
 import { useEffect, useRef } from "react";
 
-export const usePrevious = <T>(value: T): T | undefined => {
-  const ref = useRef<T>();
+export const usePrevious = <T>(value: T): T | null => {
+  const ref = useRef<T>(null);
 
   useEffect(() => {
     ref.current = value;