Describe the bug

Current type definitions don't allow for a function to be passed to the ref prop of a component, so any time you use a functional ref you'll run into a type error.

Apologies for not including a reproduction or sample but this should be quick to recreate in any dev environment with the reproduction steps.

Reproduction

/

Steps to reproduce

1. Install tresjs in any project
2. Add TresCanvas
3. Add new ref, and function to populate ref
   const sphereRefs = ref<Object3D[]>([]);
const setSphereRefs = (el: any) => { if (el && !sphereRefs.value.includes(el)) { sphereRefs.value.push(el); } };
4. Add TresGroup, TresMesh, etc...
5. Pass a function to the ref property :ref="(el) => "setSphereRef(el)"
6. Type error pops up indicating this isn't a valid value for the ref prop despite this being a common use for the ref prop.

System Info

No response

Used Package Manager

yarn

Code of Conduct

• I agree to follow this project's Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• The provided reproduction is a minimal reproducible example of the bug.