• three version: 0.166.1
• @react-three/fiber version: 8.16.8
• @react-three/drei version: 9.108.4

Problem description:

The Float component does not work when the frameloop is set to demand.

Relevant code:

function Component() {
	return (
		<Canvas frameloop="demand">
			<Float>
				<Box />
			</Float>
		</Canvas>
	);
}

invalidate is not being called inside the Float component.

Suggested solution:

Call invalidate inside the Float component useFrame