React Hook useEffect has missing dependencies: 'centerTo', 'getNearestIndex', and 'initialIndex'. Either include them or remove the dependency array

React Hook useEffect has a missing dependency: 'onChangeImageKey'. Either include it or remove the dependency array. If 'onChangeImageKey' changes too often, find the parent component that defines it and wrap that definition in useCallback

React Hook useEffect has missing dependencies: 'index' and 'onChangeImage'. Either include them or remove the dependency array. If 'onChangeImage' changes too often, find the parent component that defines it and wrap that definition in useCallback

img elements must have an alt prop, either with meaningful text, or an empty string for decorative images

Using `<img>` could result in slower LCP and higher bandwidth. Consider using `<Image />` from `next/image` or a custom image loader to automatically optimize images. This may incur additional usage or cost from your provider. See: https://nextjs.org/docs/messages/no-img-element