Imagens svg ou svgr no vite

Boa Galera!! Tudo bem por aí??

Caso neste projeto freelando context-api ou outro projeto que usa-se vite e tenha imagens svgr (React component) também será necessário usar o plugin vite-plugin-svgr e adicionando no arquivo de configuração vite.config.js

Primeiro passo: Importar o plugin vite-plugin-svgr

Segundo configurar no array adição do plugin

import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import svgr from 'vite-plugin-svgr';

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react(),
  svgr()],
  server: {
    "port": 3000
  }
})

Bons estudos e sucesso.