import { useRef } from 'react';
import Spline from '@splinetool/react-spline';
import { Application } from '@splinetool/runtime';

export default function App() {
  const spline = useRef<any>();

  function onLoad(splineApp: Application) {
    if (splineApp) {
      spline.current = splineApp;
      const controls = splineApp.controls
      if(controls?.joysticks) {
        const joysticks = [...controls.joysticks]
        const correctJoystick = joysticks.filter(e => e !== undefined)
        correctJoystick[0][0].destroy()
      }
    }
  }

  return (
    <div>
      <Spline
        scene="https://prod.spline.design/Vco6aLQFoV7ZvEQL/scene.splinecode"
        
      />
    </div>
  );
}