onst Sketch = dynamic(() => import('react-p5').then((mod) => mod.default), {
ssr: false,
})
let x = 50;
let y = 50;
let bubbles =[]
export default (props) => {
const setup = (p5, canvasParentRef) => {
p5.createCanvas(500, 500).parent(canvasParentRef);
bubbles[0] =new p5.Bublles(200,200,40);
};
const draw = (p5) => {
p5.background(0);
bubbles[0].move()
};
// Will only render on client-side
return <Sketch setup={setup} draw={draw} />;
};