feat: Новый кросс платформенный вьювер

integration/apps/react-vite/src/main.tsx

@@ -1,9 +1,14 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
+import { SpriteViewer } from '@gromlab/svg-sprites/react'
 
 import { IconsIcon } from './sprite'
 import './style.css'
 
+const viewerSources = [
+  () => import('./sprite/.svg-sprite/svg-sprite.manifest.js'),
+] as const
+
 createRoot(document.getElementById('root')!).render(
   <StrictMode>
     <main>
@@ -17,6 +22,7 @@ createRoot(document.getElementById('root')!).render(
         height={64}
         style={{ '--icon-color-1': '#16a34a' }}
       />
+      <SpriteViewer sources={viewerSources} title="React Vite Viewer" style={{ marginTop: 32 }} />
     </main>
   </StrictMode>,
 )

integration/apps/react-vite/vite.config.ts

@@ -3,4 +3,7 @@ import { defineConfig } from 'vite'
 
 export default defineConfig({
   plugins: [react()],
+  resolve: {
+    dedupe: ['react', 'react-dom'],
+  },
 })