react-particles-js: plygon mask with SVG image does not work

Library works perfectly for simple, bubble, multiple images but does not work for Polygon mask. Please see below code. Am i missing something? It just shows a blank screen. Could you help please.

import React, { Component } from "react";
import Particles from "react-particles-js";
import "./Home.css";

export class Home extends Component {
  render() {
    return (

        <div class="particles">
          <Particles
            params={{
              fps_limit: 28,
              particles: {
                number: { value: 200, density: { enable: false } },
                line_linked: { enable: true, distance: 30, opacity: 0.4 },
                move: { speed: 1 },
                opacity: {
                  anim: {
                    enable: true,
                    opacity_min: 0.05,
                    speed: 2,
                    sync: false
                  },
                  value: 0.4
                }
              },
              polygon: {
                enable: true,
                scale: 0.5,
                type: "inline",
                move: { radius: 10 },
                url: "/smalldeer.svg",
                inline: { arrangement: "equidistant" },
                draw: {
                  enable: true,
                  stroke: { color: "rgba(255, 255, 255, .2)" }
                }
              },
              retina_detect: false,
              interactivity: {
                events: { onhover: { enable: true, mode: "bubble" } },
                modes: { bubble: { size: 6, distance: 40 } }
              }
            }}
          />
        </div>
    );
  }
}

export default Home;