react
react copied to clipboard
React tsParticles official component
This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [@tsparticles/preset-big-circles](https://particles.js.org) ([source](https://redirect.github.com/tsparticles/presets/tree/HEAD/presets/bigCircles)) | [`3.0.0` -> `3.2.0`](https://renovatebot.com/diffs/npm/@tsparticles%2fpreset-big-circles/3.0.0/3.2.0) | [](https://docs.renovatebot.com/merge-confidence/) |...
3.0.1
## Summary by CodeRabbit - **New Features** - Introduced a foundational guide for setting up a React application using TypeScript and Vite. - Added dynamic loading for particle effects, enhancing...
This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [@types/node](https://redirect.github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/node) ([source](https://redirect.github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/node)) | [`20.10.3` -> `20.17.31`](https://renovatebot.com/diffs/npm/@types%2fnode/20.10.3/20.17.31) | [](https://docs.renovatebot.com/merge-confidence/) |...
This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [prettier](https://prettier.io) ([source](https://redirect.github.com/prettier/prettier)) | [`3.1.1` -> `3.5.3`](https://renovatebot.com/diffs/npm/prettier/3.1.1/3.5.3) | [](https://docs.renovatebot.com/merge-confidence/) |...
This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [@tsparticles/engine](https://particles.js.org) ([source](https://redirect.github.com/tsparticles/tsparticles/tree/HEAD/engine)) | [`3.0.2` -> `3.8.1`](https://renovatebot.com/diffs/npm/@tsparticles%2fengine/3.0.2/3.8.1) | [](https://docs.renovatebot.com/merge-confidence/) |...
This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [@tsparticles/configs](https://particles.js.org) ([source](https://redirect.github.com/tsparticles/tsparticles/tree/HEAD/utils/configs)) | [`3.0.2` -> `3.8.1`](https://renovatebot.com/diffs/npm/@tsparticles%2fconfigs/3.0.2/3.8.1) | [](https://docs.renovatebot.com/merge-confidence/) |...
This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [@vitejs/plugin-react](https://redirect.github.com/vitejs/vite-plugin-react/tree/main/packages/plugin-react#readme) ([source](https://redirect.github.com/vitejs/vite-plugin-react/tree/HEAD/packages/plugin-react)) | [`4.2.1` -> `4.4.1`](https://renovatebot.com/diffs/npm/@vitejs%2fplugin-react/4.2.1/4.4.1) | [](https://docs.renovatebot.com/merge-confidence/) |...
It doesn't look like the style prop is ever being applied here: https://github.com/tsparticles/react/blob/main/components/react/lib/Particles.tsx#L5C21-L5C36
Error from typescript intellesense: Type '(container?: Container) => void' is not assignable to type '(container?: Container | undefined) => Promise'. Type 'void' is not assignable to type 'Promise'.ts(2322) IParticlesProps.d.ts(9, 5):...
 Because the **props** in the dependencies of useEffect, tsParticles loaded multiple times.