[BUG] 500 Maximum call stack size exceeded. Customize this page

When using the component with @nuxt/icon v2.0.0 and Nuxt v4.1.3, the application throws a “Maximum call stack size exceeded” error.
This happens as soon as I render any icon in a component.
Example:
<template> <Icon name="uil:github" style="color: black" /> </template> Error Output 500 Maximum call stack size exceeded.
Environment:
{ "name": "nuxt-callkit", "type": "module", "private": true, "dependencies": { "@nuxt/icon": "2.0.0", "nuxt": "4.1.3", "vue": "3.5.22", "vue-router": "4.5.1" } }
nuxt.config.ts:
// https://nuxt.com/docs/api/configuration/nuxt-config export default defineNuxtConfig({ compatibilityDate: '2025-07-15', devtools: { enabled: true }, css: ['~/assets/css/main.css'], modules: ['@nuxt/icon'], })
What I Tried
I suspected the issue might be caused by a subdependency conflict.
After removing the ^ from the version numbers in my package.json, the project built correctly, but the runtime error persisted.

Start by reproducing the error with the provided Nuxt v4.1.3, @nuxt/icon v2.0.0, and Vue 3.5.22 setup. Inspect nuxt.config.ts and the @nuxt/icon module path while rendering . Done means the example icon renders without the 500 Maximum call stack size exceeded error.