Fix pnpm build
This commit is contained in:
@@ -1,19 +1,22 @@
|
||||
"use client";
|
||||
|
||||
import { Player } from "@lordicon/react";
|
||||
import { forwardRef, useEffect, useState } from "react";
|
||||
import { forwardRef, useEffect, useState, type ForwardedRef } from "react";
|
||||
|
||||
const LordIcon = forwardRef(function LordIcon(
|
||||
{ url, size = 28, colorize = "#3b82f6" }: { url: string; size?: number; colorize?: string },
|
||||
ref: any
|
||||
ref: ForwardedRef<Player>
|
||||
) {
|
||||
const [iconData, setIconData] = useState<any>(null);
|
||||
const [iconData, setIconData] = useState<Record<string, unknown> | null>(null);
|
||||
|
||||
useEffect(() => {
|
||||
fetch(url).then((res) => res.json()).then(setIconData);
|
||||
fetch(url)
|
||||
.then((res) => res.json())
|
||||
.then((data: Record<string, unknown>) => setIconData(data));
|
||||
}, [url]);
|
||||
|
||||
if (!iconData) return null;
|
||||
|
||||
return <Player ref={ref} icon={iconData} size={size} colorize={colorize} />;
|
||||
});
|
||||
|
||||
|
||||
Reference in New Issue
Block a user