VITE + SVGR + SVGO: Unique svg's ids prefix

vite.config.js

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

const prefixList = new Set();
const nanoid = customAlphabet("0123456789abcdefghijklmnopqrstuvwxyz", 10);
const uniquePrefix = () => {
  let prefix;
  do {
    prefix = nanoid();
  } while (prefixList.has(prefix));
  return prefix;
};

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react(), svgr({
    svgrOptions: {
      plugins: ["@svgr/plugin-svgo", "@svgr/plugin-jsx"],
      svgoConfig: {
        plugins: [{ name: 'prefixIds', params: { prefix: uniquePrefix } }]
      }
    }
  })],
});