react-particle-animation | Canvas-based particle animation for React | Canvas library

I have been trying to build my gatsby (react) site recently using an external package. The link to this package is "https://github.com/transitive-bullshit/react-particle-animation".

As I only have the option to change the props from the components detail, I cannot read/write the package file where it all gets together in the end as it is not included in the public folder of 'gatsby-build'.

What I have tried:

• Editing the package file locally, which worked only on my machine but when I push it to netlify, which just receives the public folder and the corresponding package.json files and not the 'node-modules folder', I cannot make netlify read the file that I myself changed, as it requests it directly from the github page.

As a solution I found from a comment to this question, we can use the "Patch-Package" to save our fixes to the node module and then use it wherever we want. This actually worked for me!

To explain how I fixed it: (As most of it is already written in the "Patch Package DOCS), so mentioning the main points:

• I first made changes to my local package files that were giving the error.(For me they were in my node_modules folder)
• Then I used the Patch Package Documentation to guide my self through the rest.
• It worked after I pushed my changes to github such that now, Patch Package always gives me my edited version of the node_module.