Tengo un proyecto Next.js / Typescript y lo estoy convirtiendo en un proyecto React.js/ Typescript .

En el próximo proyecto js todo funciona bien.

 import PdfIcon from "assets/svg/pdf-3.svg"; <PdfIcon className={classNames(styles.pdfIcon)} />

tipos.d.ts

 declare module "*.svg" { import { ReactElement, SVGProps } from "react"; const content: (props: SVGProps<SVGElement>) => ReactElement; export default content; }

Y luego, si coloco el cursor del mouse sobre la importación

Pero para el proyecto React.js svg tome como una cadena

Aún así, uso el mismo archivo types.d.ts.

¿Qué podría salir mal aquí?