satori icon indicating copy to clipboard operation
satori copied to clipboard

`lucide-react` not rendering

Open Yovach opened this issue 2 years ago • 0 comments

Bug report

Description / Observed Behavior

Like #281, I want to use lucide-react with next/og but it doesn't render or show errors so we can't debug..

Expected Behavior

Satori should render icons

Reproduction

import { PiIcon } from "lucide-react";
import { ImageResponse } from "next/og";

export async function GET() {
  const size = 256;
  return new ImageResponse(<PiIcon color="#000" height={size} width={size} />, {
    debug: true,
  });
}

On playground, it's working properly : https://og-playground.vercel.app/?share=XVLNcpswEH4VjTKdXIwR4CYpQ3xo2kMPPbXTXrhgaQE5QmKQMBCP3z0rsD1OZmC034-02tUeKTcCaEozIQ-5JsS6ScHz8ehjQmqQVe1Sch8x9uV-tZCDFK7-xAlpW1VMyJYKxgvr4x-yA-6k0ahxo_pGX9RCyUr_ctBYL4F20F2kfW-dLKcXg6T2-T_Ku4K_Vp3ptXgxynSo35Vlec2Ku_7IN0hJEt9Q_8-1PDA2s6dTrrc-yOyhImOjtH3Oae1cm4bhMAzrIVmbrgpjxliIlpwulaMp_vqAaGnOFR4kDN_NiJgRRuINfsiWUimktNGAyLrOvALiOzz0ioPLuX7DmVJSAy9aJOc6Pwp7I_WNwlVh_d1Vz6UAsixBK3O6zbydjBGq39A5xudg8oxPN3kmxrtss9B7t1lbuJoIZH9vyCNnQbR-JNE6CRKCfx0ls9Wbbq3RE4kZn70sSHBFb5D8wwxXs-8h9jsLcdJwpStqWj8XlqZHOneApk_4NnTpK003HgjY9RVNy0JZWFFozF7-nVo_sW6YEZ7jX_dnswNBU9f1cFpRV-zQUYNSZjCdEvT0Dg

Additional Context

I get the following SVG which is working:

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pi"><line x1="9" x2="9" y1="4" y2="20"></line><path d="M4 7c0-1.7 1.3-3 3-3h13"></path><path d="M18 20c-1.7 0-3-1.3-3-3V4"></path></svg>

Yovach avatar Oct 29 '23 11:10 Yovach