Vite svg import reactLogo from "./assets/react.svg" has no default

[vadim-su]

Hello guys, I started a new project on vite with deno and react. But something went wrong:

import { useState } from "react";
// !!!!!! Module '"file:///workspace/frontend/src/assets/react.svg"' has no default export.deno-ts(1192)
import reactLogo from "./assets/react.svg";
import "./App.css";

function App() {
 const [count, setCount] = useState(0);

 return (
   <>
     <img src="/vite-deno.svg" alt="Vite with Deno" />
     <div>
       <a href="https://vitejs.dev" target="_blank">
         <img src="/vite.svg" className="logo" alt="Vite logo" />
       </a>
       <a href="https://reactjs.org" target="_blank">
         <img src={reactLogo} className="logo react" alt="React logo" />
       </a>
     </div>
...
}

export default App;

I tried to make svg.d.ts

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

but it doesn't work too. How can I fix this manually (without plugins)?

[arboledavargas]

I have the same problem any advance on it ?

[marvinhagemeister]

FYI: We're tracking this issue in #25762 .