React Imported SVG as CSS Background

** You will need to have “styled-components”

import { renderToStaticMarkup } from 'react-dom/server';

const DividerWave = styled.div`
  background: ${`url("data:image/svg+xml,${
    encodeURIComponent(renderToStaticMarkup(<BoiledEggSvg />))
  }")`}
`