Fullscreen disable not functioning as expected

[JusticeMatthew]

Hello!

I have disabled the fullscreen option and configured styling via CSS but nothing changes with the component, it continues to behave as if fullscreen is still enabled.

Here is the component:

import React, { useCallback } from 'react';
import Particles from 'react-tsparticles';
import { loadFull } from 'tsparticles';

const AntParticles = () => {
  const particlesInit = useCallback((engine) => {
    loadFull(engine);
  }, []);
  return (
    <Particles
      id="tsparticles"
      init={particlesInit}
      options={{
        fullscreen: {
          enable: false,
        },
        particles: {
          color: {
            value: '#000',
          },
          move: {
            direction: 'none',
            enable: true,
            outModes: {
              default: 'bounce',
            },
            random: false,
            speed: 3,
            straight: false,
          },
          number: {
            limit: 10,
            value: 0,
          },
          shape: {
            type: 'circle',
          },
          size: {
            value: 2,
          },
        },
        emitters: {
          direction: 'none',
          life: {
            count: 1,
            duration: 20,
          },
          rate: {
            quantity: 1,
            delay: 0.5,
          },
          size: {
            width: 0,
            height: 0,
          },
        },
      }}
    />
  );
};

export default AntParticles;

The CSS:

#tsparticles {
  position: absolute;
  width: 100%;
  height: 100%;
}

I'm sure it's something obvious I am missing but every combination of things I've tried has yielded the same behavior described above

[matteobruni]

The property is fullScreen, not fullscreen.

[JusticeMatthew]

bruh.....

Thank you so much I've been staring at this for hours