Beach Umbrella

import { createAsset } from 'https://gaitkit.com/cdn/beach-umbrella.mjs';

const beachUmbrella = createAsset();
scene.add(beachUmbrella);                      // rests on y = 0, front faces +Z

// 'canopy' pivots on its hinge: 0° to 40° around x
beachUmbrella.getObjectByName('canopy').rotation.x = THREE.MathUtils.degToRad(0);

import { useMemo } from 'react';
import { createAsset } from 'https://gaitkit.com/cdn/beach-umbrella.mjs';

export function BeachUmbrella() {
  const model = useMemo(() => createAsset(), []);
  return <primitive object={model} />;
}

# Import beach-umbrella.glb (download below). Moving parts are separate nodes, pivoted on their hinge.
$BeachUmbrella/canopy.rotation_degrees.x = 0

// Import beach-umbrella.glb with glTFast (com.unity.cloud.gltfast).
transform.Find("canopy").localEulerAngles = new Vector3(/* x: */ 0, 0, 0);