Error: Component definition is missing display name react/display-name nextjs

const Thumbnail = forwardRef(({ result }, ref) => {
  const [{ loading }] = useStateValue();
  const router = useRouter();
  return (
    <div
      ref={ref}
      className="p-2 z-0 group cursor-pointer transition duration-200 transform sm:hover:scale-105 hover:z-50"
      onClick={() =>
        router.push({
          pathname: "/movie",
          query: { data: JSON.stringify(result) },
        })
      }
    >
   </div>
}

getting this error while uploding to vercel Error: Component definition is missing display name react/display-name i am getting this error on line 8 (const Thumbnail = forwardRef(({ result }, ref) => {)