web: Upgrade react types, remove some resolutions

Author: tbantle22

web/package.json

@@ -59,12 +59,12 @@
     "next": "^15.2.4",
     "next-useragent": "^2.8.0",
     "node-sql-parser": "^4.17.0",
-    "react": "^19.0.0",
+    "react": "^19.1.1",
     "react-ace": "^14.0.1",
     "react-copy-to-clipboard": "^5.1.0",
     "react-data-grid": "7.0.0-beta.44",
     "react-diff-viewer": "^3.1.1",
-    "react-dom": "^19.0.0",
+    "react-dom": "^19.1.1",
     "react-infinite-scroller": "^1.2.6",
     "react-timeago": "^8.0.0",
     "reactflow": "^11.11.4",
@@ -95,7 +95,7 @@
     "@types/node": "^22.5.2",
     "@types/react": "^19.0.10",
     "@types/react-copy-to-clipboard": "^5.0.6",
-    "@types/react-dom": "^19.0.4",
+    "@types/react-dom": "^19.1.7",
     "@types/react-infinite-scroller": "^1.2.3",
     "@types/react-timeago": "^4.1.4",
     "@types/url-parse": "^1",
@@ -129,8 +129,8 @@
     "postcss": "^8.4.49",
     "postcss-preset-env": "^10.2.4",
     "prettier": "^3.5.3",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
     "react-select-event": "^5.5.1",
     "rimraf": "^6.0.1",
     "stylelint": "^16.15.0",
@@ -142,10 +142,8 @@
     "yalc": "^1.0.0-pre.53"
   },
   "resolutions": {
-    "@babel/runtime": "7.26.10",
-    "@types/react": "18.3.5",
+    "@babel/runtime@npm:7.26.0": "7.26.10",
     "brace-expansion": "2.0.2",
-    "tmp": "0.2.4",
-    "webpack": "5.94.0"
+    "tmp": "0.2.4"
   }
 }

web/renderer/components/util/KeyNav/index.tsx

@@ -1,11 +1,11 @@
 import { useFocus, useReactiveWidth } from "@dolthub/react-hooks";
-import { ReactHTML, ReactNode, createElement } from "react";
+import { ReactNode, createElement } from "react";
 
 type Props = {
   children: ReactNode;
   id?: string;
   className?: string;
-  tag?: keyof ReactHTML;
+  tag?: keyof JSX.IntrinsicElements;
   onScroll?: () => void;
   mobileBreakpoint?: number;
 };
@@ -29,7 +29,7 @@ const KeyNav = ({
       </DesktopNav>
     );
   }
-  return createElement(tag, { className, onScroll, id }, children);
+  return createElement(tag as string, { className, onScroll, id }, children);
 };
 
 export default KeyNav;
@@ -38,14 +38,14 @@ type DesktopProps = {
   children: ReactNode;
   id: string;
   className?: string;
-  tag: keyof ReactHTML;
+  tag: keyof JSX.IntrinsicElements;
   onScroll?: () => void;
 };
 
 function DesktopNav({ children, id, className, tag, onScroll }: DesktopProps) {
   useFocus(id);
   return createElement(
-    tag,
+    tag as string,
     { id, onScroll, className, tabIndex: -1 },
     children,
   );

web/renderer/components/util/NotDoltWrapper/index.tsx

@@ -32,7 +32,7 @@ export default function NotDoltWrapper(props: Props) {
     );
   }
   if (res.disableDoltFeature) {
-    return React.cloneElement(props.children, { doltDisabled: true });
+    return React.cloneElement(props.children, { doltDisabled: true } as any);
   }
   return <div />;
 }

web/renderer/react-types.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+/// <reference types="react-dom" />
+
+// Global JSX namespace for React 19 compatibility
+import * as React from 'react';
+
+declare global {
+  namespace JSX {
+    interface Element extends React.ReactElement<any, any> { }
+    interface ElementClass extends React.Component<any> {
+      render(): React.ReactNode;
+    }
+    interface ElementAttributesProperty { props: {}; }
+    interface ElementChildrenAttribute { children: {}; }
+    interface IntrinsicAttributes extends React.Attributes { }
+    interface IntrinsicClassAttributes<T> extends React.ClassAttributes<T> { }
+    interface IntrinsicElements {
+      [elemName: string]: any;
+    }
+  }
+}

web/tsconfig.json

@@ -1,14 +1,14 @@
 {
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", "jest.setup.ts"],
+  "include": ["renderer/next-env.d.ts", "renderer/react-types.d.ts", "**/*.ts", "**/*.tsx", "jest.setup.ts"],
   "compilerOptions": {
     "downlevelIteration": true,
     "incremental": true,
-    "types": ["node"],
+    "skipLibCheck": true,
+    "types": ["node", "react", "react-dom"],
     "baseUrl": ".",
     "target": "es5",
     "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
-    "skipLibCheck": true,
     "strict": true,
     "forceConsistentCasingInFileNames": true,
     "noEmit": true,