React fireworks - no fireworks is showing

[ivonigC]

I tried the following implementation and I just get a black square with no fireworks showing up whatsoever. Any idea why ?

import { FireworksOptions } from "fireworks-js/dist/fireworks";
import { Fireworks } from "fireworks-js/dist/react";
import React, { CSSProperties } from "react";


const UserScoreScreen = ({
}: {
}) => {
  const options: FireworksOptions = {
    speed: 3,
  };
  const FireworksStyle: CSSProperties = {
    width: "400px",
    height: "400px",
    background: "#000",
    position: "absolute",
  };

  return (
    <>
      <div className="relative flex flex-col items-center h-full p-4 border-2 border-white border-opacity-30 bg-glassomorphism3 rounded-10">
        <div className="z-40">
          <Fireworks options={options} style={FireworksStyle} />
        </div>
      </div>
    </>
  );
};


export default UserScoreScreen;

[crashmax-dev]

@ivonigC Thanks for issue! This is currently a bug of the React component. Please use fireworks-js@1.2.2 Will next update this fixed 😄

[crashmax-dev]

@ivonigC Update tofireworks-js@latest and check out the new example