#Error when using lucide-react "Error: Unsupported Server Component type: undefined"

3 messages · Page 1 of 1 (latest)

nimble oyster
#

When using lucide-react specifically <HeartIcon className="mr-2 h-4 w-4"></HeartIcon> <Star className="mr-2 h-4 w-4"></Star> <Flag className="mr-2 h-4 w-4"></Flag> I receive an error Error: Unsupported Server Component type: undefined, I am using it inside a Card (from shadcn's UI stuff). I new to Next.JS and react so I have literally no clue what I am doing, it hasn't given me a location of where I've gone wrong so I have no clue where the error has occured, but I'm assuming its the icons because when I remove them it starts working.

nimble oyster
#

Still don't know why it won't work. Do I have to somehow install the icons?

mighty rock
#

I have the same issue using supabaseServer.ts

import { createServerComponentClient } from "@supabase/auth-helpers-nextjs"
import { cookies } from "next/headers"
import { Database } from "@/interfaces/types_db"

const supabaseServer = () => {
  cookies().getAll() // Keep cookies in the JS execution context for Next.js build
  return createServerComponentClient<Database>({ cookies })
}

export default supabaseServer