fix: image type error

Signed-off-by: Innei <i@innei.in>

.drone.yml

@@ -38,7 +38,6 @@ steps:
  commands:
  - 'npm i -g pnpm'
  - 'pnpm install --no-frozen-lockfile'
- - 'nslookup fonts.gstatic.com'
  - 'npm run build'
 
  depends_on:

src/components/ui/image/ZoomedImage.tsx

@@ -144,7 +144,7 @@ export const ImageLazy: Component<TImageProps & BaseImageProps> = ({
  status: imageLoadStatus,
  className: imageStyles[ImageLoadStatus.Loaded],
  })}
- onAnimationEnd={(e) => {
+ onAnimationEnd={(e: Event) => {
  if (ImageLoadStatus.Loaded) {
  ;(e.target as HTMLElement).classList.remove(
  imageStyles[ImageLoadStatus.Loaded],
@@ -262,25 +262,21 @@ const NoFixedPlaceholder = ({ accent }: { accent?: string }) => {
  )
 }
 
-// @ts-expect-error
-const OptimizedImage: FC<React.JSX.IntrinsicElements['img']> = forwardRef(
- ({ src, alt, placeholder, ...rest }, ref) => {
- const { height, width } = useMarkdownImageRecord(src!) || rest
- if (!height || !width)
- return <img alt={alt} src={src} ref={ref} {...rest} />
- return (
- <Image
- alt={alt || ''}
- fetchPriority="high"
- priority
- src={src!}
- {...rest}
- height={+height}
- width={+width}
- ref={ref as any}
- />
- )
- },
-)
+const OptimizedImage: FC<any> = forwardRef(({ src, alt, ...rest }, ref) => {
+ const { height, width } = useMarkdownImageRecord(src!) || rest
+ if (!height || !width) return <img alt={alt} src={src} ref={ref} {...rest} />
+ return (
+ <Image
+ alt={alt || ''}
+ fetchPriority="high"
+ priority
+ src={src!}
+ {...rest}
+ height={+height}
+ width={+width}
+ ref={ref as any}
+ />
+ )
+})
 
 OptimizedImage.displayName = 'OptimizedImage'