build: fixed legacy branch

Author: matteobruni

README.md

@@ -1,8 +1,8 @@
 [![banner](https://particles.js.org/images/banner3.png)](https://particles.js.org)
 
-# @tsparticles/react
+# react-particles
 
-[![npm](https://img.shields.io/npm/v/@tsparticles/react)](https://www.npmjs.com/package/@tsparticles/react) [![npm](https://img.shields.io/npm/dm/@tsparticles/react)](https://www.npmjs.com/package/@tsparticles/react) [![GitHub Sponsors](https://img.shields.io/github/sponsors/matteobruni)](https://github.com/sponsors/matteobruni)
+[![npm](https://img.shields.io/npm/v/react-particles)](https://www.npmjs.com/package/react-particles) [![npm](https://img.shields.io/npm/dm/react-particles)](https://www.npmjs.com/package/react-particles) [![GitHub Sponsors](https://img.shields.io/github/sponsors/matteobruni)](https://github.com/sponsors/matteobruni)
 
 Official [tsParticles](https://github.com/matteobruni/tsparticles) ReactJS component
 
@@ -13,13 +13,13 @@ Official [tsParticles](https://github.com/matteobruni/tsparticles) ReactJS compo
 ## Installation
 
 ```shell
-npm install @tsparticles/react
+npm install react-particles
 ```
 
 or
 
 ```shell
-yarn add @tsparticles/react
+yarn add react-particles
 ```
 
 ### create-react-app
@@ -53,7 +53,7 @@ Examples:
 
 ```jsx
 import { useCallback } from "react";
-import Particles from "@tsparticles/react";
+import Particles from "react-particles";
 import { loadFull } from "tsparticles";
 
 const App = () => {
@@ -79,7 +79,7 @@ const App = () => {
 
 ```typescript jsx
 import { useCallback } from "react";
-import Particles from "@tsparticles/react";
+import Particles from "react-particles";
 import type { Container, Engine } from "tsparticles-engine";
 import { loadFull } from "tsparticles";
 
@@ -109,7 +109,7 @@ const App = () => {
 
 ```jsx
 import { useCallback } from "react";
-import Particles from "@tsparticles/react";
+import Particles from "react-particles";
 import { loadFull } from "tsparticles";
 
 const App = () => {
@@ -212,7 +212,7 @@ const App = () => {
 ```typescript jsx
 import { useCallback } from "react";
 import type { Container, Engine } from "tsparticles-engine";
-import Particles from "@tsparticles/react";
+import Particles from "react-particles";
 import { loadFull } from "tsparticles";
 
 const App = () => {

apps/nextjs-beta/app/particles.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { loadFull } from "tsparticles";
-import Particles from "@tsparticles/react";
+import Particles from "react-particles";
 import { useCallback } from "react";
 import { Engine } from "tsparticles-engine";
 import { basic } from "tsparticles-demo-configs";

apps/nextjs-beta/package.json

@@ -1,6 +1,6 @@
 {
-    "name": "@tsparticles/nextjs-beta-demo",
-    "version": "0.1.1",
+    "name": "tsparticles-nextjs-beta-demo",
+    "version": "2.7.1",
     "private": true,
     "scripts": {
         "dev": "next dev",
@@ -9,8 +9,7 @@
         "lint": "next lint"
     },
     "dependencies": {
-        "@next/font": "13.1.1",
-        "@tsparticles/react": "^2.7.1",
+        "@next/font": "^13.1.2",
         "@types/node": "^18.11.17",
         "@types/react": "^18.0.26",
         "@types/react-dom": "^18.0.9",
@@ -19,6 +18,7 @@
         "next": "^13.1.0",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
+        "react-particles": "^2.7.1",
         "tsparticles": "^2.7.1",
         "tsparticles-demo-configs": "^2.7.1",
         "tsparticles-engine": "^2.7.1",

apps/nextjs/package.json

@@ -1,6 +1,6 @@
 {
-    "name": "@tsparticles/nextjs-demo",
-    "version": "0.9.1",
+    "name": "tsparticles-nextjs-demo",
+    "version": "2.7.1",
     "private": true,
     "scripts": {
         "dev": "next dev",
@@ -10,10 +10,10 @@
         "lint": "next lint"
     },
     "dependencies": {
-        "@tsparticles/react": "^2.7.1",
         "next": "^13.1.0",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
+        "react-particles": "^2.7.1",
         "tsparticles-preset-big-circles": "^2.7.1",
         "typescript": "^4.9.4"
     },

apps/nextjs/pages/index.js

@@ -1,6 +1,6 @@
 import Head from 'next/head'
 import Image from 'next/image'
-import Particles from '@tsparticles/react'
+import Particles from 'react-particles'
 import { loadBigCirclesPreset } from "tsparticles-preset-big-circles";
 import styles from '../styles/Home.module.css'
 

apps/react/package.json

@@ -1,5 +1,5 @@
 {
-    "name": "@tsparticles/react-demo",
+    "name": "react-particles-demo",
     "private": true,
     "version": "2.7.1",
     "description": "> TODO: description",
@@ -45,9 +45,9 @@
         "typescript": "^4.9.4"
     },
     "dependencies": {
-        "@tsparticles/react": "^2.7.1",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
+        "react-particles": "^2.7.1",
         "rxjs": "^7.8.0",
         "tsparticles": "^2.7.1",
         "tsparticles-demo-configs": "^2.7.1",

apps/react/src/components/particles-container.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import Particles from '@tsparticles/react';
+import Particles from 'react-particles';
 import type { Container, Engine, IOptions, RecursivePartial } from "tsparticles-engine";
 import { loadFull } from "tsparticles";