Float does not work with on demand rendering

[AaronClaes]

• 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

[github-actions]

🎉 This issue has been resolved in version 9.109.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[CodingReaper1]

i have 9.112.0 version and it is still not resolved

[AaronClaes]

i have 9.112.0 version and it is still not resolved

Did you pass the autoInvalidate prop as mentioned in the PR? That should fix the problem.
We decided not to make it auto invalidate by default because this might not be the expected behavior and would break certain cases.