vite +react 引入svg 报错 not export named ‘ReactComponent’

Vite4+react8 引入svg

报错

1. 安装依赖

npm i vite-plugin-svgr@latest

2.配置文件

import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import svgr from "vite-plugin-svgr";
export default defineConfig({
  plugins: [
    react(),
    svgr({
      svgrOptions: {
        // svgr options
      },
    }),
  ],
});

3. 引入svg
   

// Home.js
import React from 'react'
import logo from "../assets/star.svg?react";
export default function Home() {
  return (
    <div>
    	<Logo/>
    </div>
  )
}
});

成功解决