How to use the p5/lib/p5.min function in p5

getCanvas = () =>
      new p5(p => {
        this.instance = p

        this.renderer(p)

        // Do some extra stuff here with processing
        this.props.extras && this.props.extras(p)
      }, this.wrapper)

(_this.getCanvas = function() {
          return new p5(function(p) {
            _this.instance = p

            _this.renderer(p)

            // Do some extra stuff here with processing
            _this.props.extras && _this.props.extras(p)
          }, _this.wrapper)
        }),
        _temp)),

colors[i] -= 4;
		}
	}
	p.keyPressed = () => {
		if(p.key == 'm') {
			p.save(Date.now() + ".jpg");
		}
	}
	p.mousePressed = () => {
		StartAudioContext(Tone.context).then(function(){});
	}
}

export default sketch;

new p5(sketch);

}
    }

    p.mousePressed = () => {
        StartAudioContext(Tone.context).then(function(){});    
    }

    function circle(x, y, r) {
        p.push();
        p.translate(x, y, r);
        p.sphere(1 + r/2);
        p.pop();
    }
}
export default sketch;
new p5(sketch);

quantizedStartStep: 26,
                quantizedEndStep: 28
            }, {
                pitch: pitches2[Math.floor(Math.random() * pitches2.length - 1)],
                quantizedStartStep: 28,
                quantizedEndStep: 30
            }, {
                pitch: pitches2[Math.floor(Math.random() * pitches2.length - 1)],
                quantizedStartStep: 30,
                quantizedEndStep: 32
            }, ]
        };
    }
}
export default sketch;
new p5(sketch);

b.alpha = 255;
		}

		counter++;
		if(counter>5) {
			counter = 0;
			lineIndex++;
			if(lineIndex>3) {
				lineIndex = 0;
			}
		}	
	}
}

export default sketch;
new p5(sketch);

}

    }
    p.keyPressed = () => {
        if(p.key == 'm') {
            p.save(Date.now() + ".jpg");
        }
    }

    p.mousePressed = () => {
        StartAudioContext(Tone.context).then(function(){});
    }
    
}
export default sketch;
new p5(sketch);

loaded = true;
        player.start();
    }

    p.mousePressed = () => {
        //sampler.detune = p.ceil(p.random(4)) * 1000;
        StartAudioContext(Tone.context).then(function(){});
    }

    function newVec(x,y) {
        let vec = p5.Vector.fromAngle(p.millis()*speed + x*weaveFactors.x + y*weaveFactors.y, circleSize/2)
        return vec;
    }
}
export default sketch;
new p5(sketch);

sortPass(++i);
                } else {   
                	        
                    sortPass(++i);
                }

            } else {
                bubbleSort();
            }
        }
        if(sortedCount<100)sortPass(1);
    }
}

export default sketch;
new p5(sketch);

pendulums2[i].draw();
        }
    }

    p.keyPressed = () => {
        if(p.key == 'm') {
            p.save(Date.now() + ".jpg");
        }
    }

    p.mousePressed = () => {
        StartAudioContext(Tone.context).then(function(){});
    }
}
export default sketch;
new p5(sketch);