Заменить тег <svg> на тег <motion.svg> в конфигурации svgr create-реагировать-приложение для поддержки Framer Motion API?
Используя create-response-app, вы можете использовать встроенный SVGr для импорта SVG напрямую как компонент React, например: ( также описано здесь)
import { ReactComponent as Close } from 'icons/close.svg';
Я использую новый API-интерфейс Framer Motion для обработки анимации, но для этого необходимо добавить теги motion
в результате чего <motion.tag>
,
Я хотел бы иметь возможность использовать встроенные функции SVGr, но все же иметь возможность анимировать svgs, поэтому мне как-то нужно конвертировать эти теги из <svg>
в <motion.svg>
,
Я просмотрел документы SVGr и документы Create-React-App, но не вижу, что мне нужно. Буду признателен за любую помощь, даже если это просто эффективная альтернатива.