Can't see images in React Particles JS - reactjs

Question

I'm using React Particle JS. I want to get image to be shown among particles (like here - https://rpj.bembi.dev/#images), but can't see images, only bubbles are shown. Paths are correct. I'm including pathseg.js script through useEffect hook.
import Particles from "react-particles-js";
export default function Banner() {
useEffect(() => {
const script = document.createElement("script");
script.src = "https://cdn.rawgit.com/progers/pathseg/master/pathseg.js";
script.async = true;
document.body.appendChild(script);
return () => {
document.body.removeChild(script);
};
}, []);
return (
<Particles
params={{
particles: {
number: {
value: 8,
density: {
enable: true,
value_area: 800,
},
},
line_linked: {
enable: false,
},
move: {
speed: 1,
out_mode: "out",
},
shape: {
type: ["image", "circle"],
image: [
{
src: "https://image.flaticon.com/icons/png/512/29/29495.png",
height: 20,
width: 20,
},
],
},
color: {
value: "#CCC",
},
size: {
value: 30,
random: false,
anim: {
enable: true,
speed: 4,
size_min: 10,
sync: false,
},
},
},
retina_detect: false,
}}
/>
);
}

Answer 1

I think there's a bug using array with image shape type, if you use images with array it works, image is working with single object only but I'll check it out
import { useEffect } from "react";
import Particles from "react-particles-js";
export default function Banner() {
useEffect(() => {
const script = document.createElement("script");
script.src = "https://cdn.rawgit.com/progers/pathseg/master/pathseg.js";
script.async = true;
document.body.appendChild(script);
return () => {
document.body.removeChild(script);
};
}, []);
return (
<Particles
params={{
particles: {
number: {
value: 8,
density: {
enable: true,
value_area: 800,
},
},
line_linked: {
enable: false,
},
move: {
speed: 1,
out_mode: "out",
},
shape: {
type: ["image", "circle"],
image: {
src: "https://image.flaticon.com/icons/png/512/29/29495.png",
height: 20,
width: 20,
},
},
color: {
value: "#CCC",
},
size: {
value: 30,
random: false,
anim: {
enable: true,
speed: 4,
size_min: 10,
sync: false,
},
},
},
retina_detect: false,
}}
/>
);
}
This is working, if you need multiple images change image to images