Files
web/components/Image/index.tsx
2024-02-19 14:24:30 +01:00

13 lines
385 B
TypeScript

"use client"
import NextImage, { type ImageProps, type ImageLoaderProps } from "next/image"
function imageLoader({ quality, src, width }: ImageLoaderProps) {
return `${src}?w=${width}${quality ? "&q=" + quality : ""}`
}
// Next/Image adds & instead of ? before the params
export default function Image(props: ImageProps) {
return <NextImage {...props} loader={imageLoader} />
}