Typescript Error about gatsby-plugin-react-svg HOT 5 OPEN

This is what worked for me:

• in globals.d.ts (at the root folder)

declare module "*.svg" {
  const content: any
  export default content
}

from gatsby-plugin-react-svg.

also getting this error in a vanilla gatsby project

from gatsby-plugin-react-svg.

Is it building? Is it an error or a hint?

from gatsby-plugin-react-svg.

It builds fine. I've followed all the instructions to a T,

For the import:

import HSIcon from '../../../assets/images/HazelSoftware_Logo_V1_Icon_FullColor.svg'

it just says:

Cannot find module '../../../assets/images/HazelSoftware_Logo_V1_Icon_FullColor.svg' or its corresponding type declarations

with type defs file index.d.ts

import * as React from 'react'
import { CSSProperties, DOMAttributes } from 'react'

export interface CustomCSS extends CSSProperties {
  [key: `--${string}`]: string | number
}

// images

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

declare module '*.svg' {
  const content: any
  export default content
}

and config:

{
      resolve: 'gatsby-plugin-react-svg',
      options: {
        rule: {
          include: /assets\/images/,
        },
      },
    },

from gatsby-plugin-react-svg.

Yeah, we don't generate types for the SVG. PRs welcome but no idea how you're even supposed to do that. Regardless, it's probably an upstream kind of thing.

from gatsby-plugin-react-svg.