【react-particles】が動かない

Question

実現したいこと

ここに実現したいことを箇条書きで書いてください。

• react-particlesで背景にアニメーションをつける

前提

ここに質問の内容を詳しく書いてください。
（例）
Reactでポートフォリオサイトを作成しております。
今回TypeScriptは使用しておりません。
react-particlesを使うのは初めてです。

react-particlesを利用して下記リンクを導入しようと考えております。
リンク内容

しかし、うまく機能しません。
読み込まれているか確認するために
background: {
color: {
// value: "#111111"
value: "#0e0018"
},
のカラーコードを変更してみたところ、一応は読み込まれているようです。

発生している問題・エラーメッセージ

エラーメッセージはありません。

該当のソースコード

【src/components/particles.jsx】

import React from "react";
import Particles from "react-tsparticles";

export default function Stars() {
    return (
        <Particles
            id="tsparticles"
            options={{
                autoPlay: true,
                background: {
                    color: {
                        // value: "#111111"
                        value: "#0e0018"
                    },
                    image: "",
                    position: "",
                    repeat: "",
                    size: "",
                    opacity: 1
                },
                backgroundMask: {
                    composite: "destination-out",
                    cover: {
＜＜＜以下はhttps://codesandbox.io/s/nifty-ully-zigz1z?file=/src/components/particles.jsにあるソースと全く同じです。文字数制限がかかってしまいましたので、お手数おかけいたしますがリンクからご覧いただけますと幸いです。＞＞＞
            }}
        />
    );
}


【src/App.jsx】にて読み込んでます。

試したこと

node_modulesの削除→再度npm install
npm install react-tsparticles を実行

補足情報（FW/ツールのバージョンなど）

"react-particles": "^2.9.3",
"react-tsparticles": "^2.9.3",

ここにより詳細な情報を記載してください。
コード量が多くて申し訳ないのですが、知識のある方、どうかご教授のほどよろしくお願いいたします。

Answer 1

自己解決いたしました。
"react-particles": "^2.9.3",
"react-tsparticles": "^2.9.3",
に対応できていなかったようです。
バージョン１のものをインストールしなおしたら起動しました。