Component destroyed

[Alynva]

Please, do something with componentWillUnmount to stop the sketch. Without this, the sketch still working and invoking prop functions even though it was destroyed.

[Alynva]

I tried make an isDead() in my component, pass it to the sketch and check if it's false in the p.draw() with an p.noLoop() in the else. But when my component will be unmounted, the render() it's no longer called, in other words, the <P5Wrapper /> will not receive new props.

Any help until wrapper update?

[abidabdelaziz]

When you have a similar issue and the solution is in another language :D.

[Alynva]

what did you mean?

[abidabdelaziz]

It seems like when the issue was closed another discussion was referenced as part of the issue's closing, I dont understand the referenced discussion because its in another language. Thats all : )

As I am trying to tackle this issue I found this repo by @JobLeonard 'https://github.com/JobLeonard/p5-react' in which he addresses the mounting problems.

Im a newbie to both React and P5js so learning both of them at the same time and integrating them is quite the challenge :D.

[Alynva]

AcademiaWired/Traxometro is where I'm working, and I created that issue there because the problem with the <P5Wrapper /> causes effects that block me to continue developing some things. That issue is not the solution to this issue, I referenced this issue here over there, and not that issue here. Do you understand?

I closed that issue because in my case, I know when my component will be destroyed and in this place I put p.noLoop() to stop the p.draw(). But it's doesn't solve the <P5Wrapper />'s unmount problem.

I will look into the other repo that you mentioned as soon as possible. Thanks for you help! :D

[Alynva]

About the @JobLeonard's repo: It seems very good, and solve the unmount problem. But also create the canvas by it's self, and in my case I want draw directly using the context provided from canvas's element. To this propose, I'm using P5js library just to I don't have to worry about frame rate and the draw() loop to update my own canvas.

I think that it can be better, but I didn't find another soluction until now (P5js doesn't provide the context and doesn't draw like I want)

[and-who]

I just released a new Version since Ages 😅
Please check if your Issue got fixed.
If not please reopen this Issue or create a new one.