How am I supposed to create a threejs component with userData

[ThiagoFacchini]

I have a use case where I need to have some userData added to threejs objects.

I was wondering how does it work or what is the recommended approach for R3F at component creation.... e.g: gridHelper

const myCustomHelper = () => {
  return (
     <gridHelper args={['10','10', 'white','gray']}/>
  )
}

N.B.: It is important that the userData gets assigned to the component at the component creation. Any advice?
Thanks in advance.

[drcmda]

userdata is just a prop like any other:

<gridHelper args={['10', '10', 'white', 'gray']} userData={{ hello: 'world' }} />

[ThiagoFacchini]

Thanks, very straight forward.