Блог

У меня есть Next.js / Typescript проект, и я превращаю его в React.js/ Typescript проект.

В следующем проекте js все работает нормально.

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

типы.d.ts

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

А затем, если я наведу курсор мыши на импорт

Но для React.js проект svg принять в виде строки

Тем не менее, я использую те же типы файлов.d.ts.

Что здесь может пойти не так?