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

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

Unexpected any. Specify a different type

React Hook useEffect has an unnecessary dependency: 'Router'. Either exclude it or remove the dependency array. Outer scope values like 'Router' aren't valid dependencies because mutating them doesn't re-render the component

React Hook useEffect has missing dependencies: 'props' and 'reportVisibility'. Either include them or remove the dependency array. However, 'props' will change when *any* prop changes, so the preferred fix is to destructure the 'props' object outside of the useEffect call and refer to those specific props inside useEffect

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

React Hook useCallback received a function whose dependencies are unknown. Pass an inline function instead

React Hook useEffect has a missing dependency: 'forceUpdate'. Either include it or remove the dependency array

React Hook useMemo has a missing dependency: 'props'. Either include it or remove the dependency array