bancorprotocol / carbon-app

https://app.carbondefi.xyz
MIT License
25 stars 17 forks source link

[Chore] update vite-plugin-svgr #1344

Open tiagofilipenunes opened 2 months ago

tiagofilipenunes commented 2 months ago

To fix warning:

warning " > vite-plugin-svgr@2.4.0" has incorrect peer dependency "vite@^2.6.0 || 3 || 4".

there is a new version of vite-plugin-svgr. This version requires changing the way svg is imported as a React component.

Example: Before:

import { ReactComponent as IconActivity } from 'assets/icons/activity.svg';

After:

import IconActivity from 'assets/icons/activity.svg?react';

Solution:

  1. Activate regex in your IDE
  2. Use find&replace with these expressions:
    • Find expression: import { ReactComponent as (\w+) } from '([^']+)'
    • Replace expression: import $1 from '$2?react';