Error when using with nextjs

[AWR14]

getting the following error

uncaught (in promise) Error: Error react-particles-js - Status code 4 at XMLHttpRequest.a.onreadystatechange

Canvas.js (component)

import Particles from 'react-particles-js';

const Canvas = props => {
  return (
    <Particles params={{
      polygon: {
          enable: true,
          type: 'inside',
          move: {
              radius: 10
          },
          url: 'path/to/svg.svg'
      }
  }} />
  )
}

export default Canvas;

index.js (page)

import Canvas from '../components/Canvas'

const Home = props => {
  return (
    <Canvas />
  )
}

export default Home