ページの初期化時にクエリ パラメータにアクセスし、特定のページに強制的に画像をプリロードできるようにしようとしています。遅延ロードをオフにして、最初からすべてのイメージをロードしたいので、これは実際にはテストとスナップショット用です。ただし、 next/image では getInitialProps を使用できず、フックの使用が遅すぎます。
import { default as NextImage, ImageProps } from "next/image"
const Image = ({
...props
}) => {
return (
<NextImage
{...props}
priority={!!props.someQueryParam}
/>
)
}
Image.getInitialProps = ({ query, ...rest }) => {
console.info({ query })
return { query }
}
export { Image }
InitaialProps
画像コンポーネントの を取得できる方法があるのだろうか。