πŸ› fix: Fix svg id

This commit is contained in:
canisminor1990
2026-04-08 20:16:16 +08:00
parent 84c15e9579
commit d293d72951
2 changed files with 5 additions and 5 deletions
+3 -3
View File
@@ -3,7 +3,7 @@ import { useId, useMemo } from 'react';
export const useFillId = (namespace: string) => {
const uniqueId = useId();
const id = `lobe-icons-${kebabCase(namespace)}-fill-${uniqueId}`;
const id = `lobe-icons-${kebabCase(namespace)}-${uniqueId}`;
return useMemo(
() => ({
fill: `url(#${id})`,
@@ -16,8 +16,8 @@ export const useFillId = (namespace: string) => {
export const useFillIds = (namespace: string, length: number) => {
const uniqueId = useId();
return useMemo(() => {
return Array.from({ length }, () => {
const id = `lobe-icons-${kebabCase(namespace)}-fill-${uniqueId}`;
return Array.from({ length }, (_, i) => {
const id = `lobe-icons-${kebabCase(namespace)}-${i}-${uniqueId}`;
return {
fill: `url(#${id})`,
id,
+2 -2
View File
@@ -3,7 +3,7 @@ import { useId, useMemo } from 'react';
export const useFillId = (namespace: string) => {
const uniqueId = useId();
const id = `lobe-icons-${kebabCase(namespace)}-fill-${uniqueId}`;
const id = `lobe-icons-${kebabCase(namespace)}-${uniqueId}`;
return useMemo(
() => ({
fill: `url(#${id})`,
@@ -17,7 +17,7 @@ export const useFillIds = (namespace: string, length: number) => {
const uniqueId = useId();
return useMemo(() => {
return Array.from({ length }, () => {
const id = `lobe-icons-${kebabCase(namespace)}-fill-${uniqueId}`;
const id = `lobe-icons-${kebabCase(namespace)}-${uniqueId}`;
return {
fill: `url(#${id})`,
id,