meshPhongMaterial emissive property doesn't accept HexCode color

[remysabliet]

Salutations,

Bug or feature request, I can't be sure.

The emissive property of <meshPhongMaterial /> does not accept HexCode color, While it does in Three.JS
(Ref: https://threejsfundamentals.org/threejs/lessons/threejs-scenegraph.html)

Example not working:
<meshPhongMaterial emissive='0xFFFF00' />

Working example:

<meshPhongMaterial emissive='yellow' />

Please let me know

[CodyJasonBennett]

0xFFFF00 is a hexadecimal integer but you're specifying it as a string here.

<meshPhongMaterial emissive={0xFFFF00} />

[paulkarpenko]

@CodyJasonBennett I'm seeing a similar problem in 7.0.24

TS2322: Type 'number' is not assignable to type 'Color | undefined'.
    88 |
    89 |       <mesh>
  > 90 |         <meshPhongMaterial attach="material" emissive={0xffff00} />
       |                                                        ^^^^^^^^
    91 |       </mesh>
    92 |     </>
    93 |   );

None of these work for me:

<meshPhongMaterial emissive={0xffff00} />
<meshPhongMaterial emissive="#ffff00" />
<meshPhongMaterial emissive="yellow" />

Only creating a Color works, i.e. <meshPhongMaterial emissive={new THREE.Color(0xffff00)} /> — any help is appreciated

[CodyJasonBennett]

Can you create a codesandbox? This should be picking up from MaterialNode which accepts ConstructorParameters<typeof THREE.Color> | THREE.Color | number | string.

[paulkarpenko]

The code does work, but the type checker allows hex for color, but not emissive

https://codesandbox.io/s/dreamy-knuth-e5njk?file=/src/App.tsx

[CodyJasonBennett]

I see. Got a fix in #1961. I updated the copy of R3F in your sandbox to play with: https://codesandbox.io/s/hopeful-pare-qfr8v?file=/src/App.tsx.