Lots of code smells using @react-three/fiber

SonarQube Cloud
, , ,
1

Hello,

In SonarCloud, in a React project, I have a lot of code smells of type:
Unknown property 'some property' found

All the code smells come from the usage of @react-three/fiber (npm, Doc).

For example, this piece of code:

<meshPhysicalMaterial
        side={2}
        color={materialColor}
        metalness={0.5}
        roughness={0.5}
        transparent
        opacity={display.transparent ? 0.5 : 1}
        clippingPlanes={
          sectionView.enabled && sectionView.clippingPlane
            ? [sectionView.clippingPlane]
            : []
        }
      />

Sonar does not recognize any props in the component (provided by @react-three/fiber, directly interfaced from threejs), except color and opacity.

I do not know if it is a wrong @react-three/fiber types definition or a SonarCube bug.

Any help appreciated

3

Hello @sgarnotel,

thanks for the feedback, I guess you are referring to S6747, right? We are aware of this rule reporting many false positives. Please check the workaround we are suggesting until we have a proper fix.

Cheers,
Victor