SVG importation issue in Vite upon upgrade to version 5

[junoriosity]

Upon the upgrade of

 vite                             4.5.0  →  5.0.2
 vite-plugin-svgr                 3.3.0  →  4.2.0

in our react project, we suddenly get the following errors

Module '"*.svg"' has no exported member 'ReactComponent'. Did you mean to use 'import ReactComponent from "*.svg"' instead?

import { ReactComponent as NewIcon } from '@shared/assets/icons/new.svg';

However, with the old versions, everything has been working. How can I resolve these issues?

[Shyam-Chen]

import Logo from "./logo.svg?react";

[junoriosity]

@Shyam-Chen Many thanks for your input. However, if I add the ?react it does not recognize the file anymore.

Is there something else I can do?

[sadn1ck]

Check this stackblitz demo if that helps?