Ao importar um svg com o React component ele declara que não está localizando o arquivo svg

import { ReactComponent as ShoppingBagSvg } from '../../assets/Shopping-bag.svg'

já tentei criar um arquivo na raiz do diretório custom.d.ts para fazer com que o typescript leia este tipo de arquivo mas não rolou, e até o mesmo entra em conflito visto que agora no react-app.d.ts já possui este mesmo código que colocarei abaixo e que coloquei no arquivo custom.d.ts.

declare module '*.svg' { import * as React from 'react';

export const ReactComponent: React.FunctionComponent<React.SVGProps< SVGSVGElement

& { title?: string }>;

const src: string; export default src; }

Alguma dica de como resolver?