next-svg-react-component
This plugin aims to have the same CRA useful behaviour on next regarding SVG.
Installation
npm install --save next-svgr-react-component
Or using yarn:
yarn add next-svgr-react-component
Then, import the library in your next.config.js
file.
// next.config.jsconst withSVG = ; moduleexports = ;
or, with next-compose-plugins
:
const withSVG = ; moduleexports =
Usage:
This plugin allows the usage of SVG in various formats:
As Static Path:
import starUrl from './star.svg' const App = <div> <img = ="star" /> <Star /> </div>
As React Component
import ReactComponent as Star from './star.svg' const App = <div> <Star /> </div>