bug present

app/logo.tsx

@@ -0,0 +1,42 @@
+import { PlaceholderValue, OnLoadingComplete } from "next/dist/shared/lib/get-img-props";
+import Image, { ImageLoader } from "next/image";
+import { JSX, DetailedHTMLProps, ImgHTMLAttributes, RefAttributes } from "react";
+
+export default function Logo(
+  props: JSX.IntrinsicAttributes &
+    Omit<
+      DetailedHTMLProps<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>,
+      "ref" | "height" | "width" | "loading" | "srcSet"
+    > & {
+      width?: number | `${number}`;
+      height?: number | `${number}`;
+      fill?: boolean;
+      loader?: ImageLoader;
+      quality?: number | `${number}`;
+      priority?: boolean;
+      loading?: "eager" | "lazy";
+      placeholder?: PlaceholderValue;
+      blurDataURL?: string;
+      unoptimized?: boolean;
+      overrideSrc?: string;
+      onLoadingComplete?: OnLoadingComplete;
+      layout?: string;
+      objectFit?: string;
+      objectPosition?: string;
+      lazyBoundary?: string;
+      lazyRoot?: string;
+    } & RefAttributes<HTMLImageElement | null>
+) {
+  return (
+    <Image
+      className="dark:invert"
+      priority
+      unoptimized
+      src="/next.svg"
+      alt="Test logo"
+      width={200}
+      height={40}
+      {...props}
+    />
+  );
+}