Typescript + Reactjs - Importert svg vises ikke

Jeg migrerte noen av mine React-filer over til .tsx-filer og hadde feil på mine svg-importer:

import logo from './logo.svg'; // [ts] cannot find module './logo.svg'

Så jeg endret det til:

const logo = require('./logo.svg') as string

som fikset opp transpiler-feilene.

Jeg gjengir det ved å bruke React Bootstraps Image-tag:

<Image src={logo} className="..." />

Men det bildet vises ikke i det hele tatt. Jeg har prøvd å endre typen til as any men uten hell. Kan noen hjelpe meg?

Svar #1

Sørg for at du har filen images.d.ts i rotmappen din (ved siden av tsconfig.json, osv.) med følgende innhold:

declare module '*.svg'
declare module '*.png'
declare module '*.jpg'