MeshBasicMaterial side property

[ThiagoFacchini]

Hello guys,

I'm trying to create a MeshBasicMaterial following threejs documentation, which says:

const material = new THREE.MeshBasicMaterial( {color: 0xffff00, side: THREE.DoubleSide} );

I can easily define the material color, although I'm struggling to set the side property, here's what I tried so far:

<meshBasicMaterial color='hotpink' args={[{ side: 'DoubleSide' }]} />
<meshBasicMaterial color='hotpink' side='DoubleSide' />

None of the above works.... any idea on how I should be configuring the material side prop?
Thanks!

[stephent]

I think you need to use the THREE constant like so, and don't forget to attach it to your mesh:

import * as THREE from 'three';
...

<meshBasicMaterial attach="material" color='hotpink' side={THREE.DoubleSide}/>

[drcmda]

right, it helps to know that r3f does not change three-js rules. this is merely a different way to express three, but everything is really the same. we do allow for shortcuts for some things (positions et al) but it will never happen that if three wants an enum we suddenly make that a string because why not - promised. ;-)