[错误]: hugeicons 生成器在 Spinner 组件中创建类型错误（strokeWidth 不匹配）

描述错误

当在组件.json中使用图标Library:"hugeicons"时,CLI生成一个Spinner组件,在安装后立即失败了TypeScript编译.

生成器将组件道具打入React.componentProps <"svg">,这使得中风Width成为字符串或数字. 然后把这些道具传播到 巨型相机组件, 它严格地期望中风Width是一个数字 。

这造成了不匹配,因为TypeScript正确标记我们正将一个可能无效的道具类型(字符串)传递到图标组件.

受影响的构成部分/构成部分

旋转器

如何繁殖

1. 设置一个包含组件的项目。
2. 运行 npx shadcn@latest 添加自旋器。
3. 尝试构建项目( npm 运行构建)

QQ 密码箱/ StackBlitz 链接

https://codesandbox.io/p/devbox/8lzh5c (中文(简体) ).

逻辑

{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢? 下个应用 : (主) : : npx shadcn@latest 添加自旋器

• 检查登记。 QQ 创建了 1 文件 :

• 组件/ui/spinner.tsx

npm 运行构建

下一个应用程序@.1.0 构建 下一个构建

QQ警告: Next.js 推断出您的工作空间根, 但可能不正确 。 我们检测到多个锁文件,并选择了/project/workspace/yarn的目录. 锁定为根目录。 要压制这一警告,请在您的 Next.js 配置中设置 “ turbopack.root ” , 或在不需要时考虑删除其中的锁文件 。 欲了解更多信息,请参看https://nextjs.org/docs/app/api-reference/config/next-config-js/turbopack#root-directory. 检测到的额外锁文件 :

• /项目/工作空间/阴影/下一个应用程序/包装-锁.json

注意:Next.js现在收集了完全匿名的关于用法的遥测. 这些信息用于塑造Next.js的行进图和优先排序特征. 您可以通过访问下列 URL 来学习更多, 包括如何选择退出, https://nextjs.org/遥测

Next.js 16.1.0 (图博包)

创建优化生产建设. 成功编译为 5.7s 运行 TypeScript 失败编译.

./组件/ui/spinner.tsx:7:41 类型错误: 类型 “ 字符串 QQ 数字” 无法指定为“ 数字 未定义 ” 。 键入“ 字符串” 无法指定“ 数字 ” 。

5| 函数 Spinner ({ className,. props}): react.componentProps <"svg" >) { 6 QQ 返回(

7 *\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ | (第8段) 9 | 第10页 Next.js 建筑工人退出 密码:1,信号:无效 下个应用 : (主) : :

QQ 系统信息

{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢?
- 阴影CLI: 3.6.2
- @hugeicons/反应:1.1.3
- 齐特M3Z: 5.x
- 样式:基础-maia

提交前

• 我做了研究 搜索了文件
• 我搜索了现有的问题