chore: upgrade to react 19 beta and next 14 canary

components/ui/input.tsx

@@ -1,30 +1,23 @@
-import * as React from "react";
-import equal from "react-fast-compare";
+import { ComponentProps } from "react";
 
 import { cn } from "@/lib/style";
 
-export type InputProps = React.InputHTMLAttributes<HTMLInputElement> & {
+export type InputProps = ComponentProps<"input"> & {
   fontMono?: true;
 };
 
-const RawInput = React.forwardRef<HTMLInputElement, InputProps>(
-  ({ className, fontMono, ...props }, ref) => (
-    <input
-      {...{ ref }}
-      className={cn(
-        "border-b-1 h-9 rounded border border-b-muted-foreground bg-input px-3 py-2 outline-none",
-        "placeholder:text-muted-foreground",
-        "hover:bg-input-hover",
-        "focus:border-b-2 focus:border-b-indicator focus:bg-input-focus focus:pb-[7px]",
-        "disabled:cursor-not-allowed disabled:opacity-50",
-        fontMono && "font-mono",
-        className
-      )}
-      spellCheck="false"
-      {...props}
-    />
-  )
+export const Input = ({ className, fontMono, ...props }: InputProps) => (
+  <input
+    className={cn(
+      "border-b-1 h-9 rounded border border-b-muted-foreground bg-input px-3 py-2 outline-none",
+      "placeholder:text-muted-foreground",
+      "hover:bg-input-hover",
+      "focus:border-b-2 focus:border-b-indicator focus:bg-input-focus focus:pb-[7px]",
+      "disabled:cursor-not-allowed disabled:opacity-50",
+      fontMono && "font-mono",
+      className
+    )}
+    spellCheck="false"
+    {...props}
+  />
 );
-RawInput.displayName = "RawInput";
-
-export const Input = React.memo(RawInput, equal);