Tema

Estaba tratando de importar SVG como ReactComponent en un archivo .tsx de la aplicación React .

Error

Cannot find module '../icons/download.svg' or its corresponding type declarations.

Formas probadas

Obtuve algunas de las formas de resolverlo y las probé.

1. usando svg.d.ts en src/ con la configuración dada

    declare module "*.svg" { import React from "react"; export const ReactComponent: React.FunctionComponent< React.SVGProps<SVGSVGElement> & { title?: string } >; const src: string; export default src; }

y

 declare module "*.svg" { import React from "react"; const content: React.FunctionComponent<React.SVGAttributes<SVGElement>>; export default content; }

uno por uno, y lo agregó al archivo ts.config

 "include": ["./src/components", "src/svg.d.ts"]

pero ninguno de ellos funcionó

2. creó el archivo ./src/@types/assets/index.d.ts con la configuración

 declare module "*.svg" { import React = require("react"); export const ReactComponent: React.SFC<React.SVGProps<SVGSVGElement>>; const src: string; export default src; } declare module "*.jpg" { const content: string; export default content; } declare module "*.png" { const content: string; export default content; } declare module "*.json" { const content: string; export default content; }

y lo agregó a ts.config

 "typeRoots": [ "./src/@types", "./node_modules/@types" ]

esto tampoco funcionó.

Sugiera qué estoy haciendo mal o alguna otra forma de hacerlo.