Custom hook to add a viewbox attribute to your SVG in case it's missing. It calculates the viewbox based on the rendered svg element with its height and width. Read more about it here.
npm install use-with-viewbox
import useWithViewbox from 'use-with-viewbox';
const MySvg = (props) => {
const ref = React.createRef();
useViewbox(ref);
return (
<svg ref={ref} {...props}>
// SVG Content ...
</svg>
);
};
export default MySvg;
git clone git@github.com:the-road-to-learn-react/use-with-viewbox.gitcd use-with-viewboxnpm install