Bug: (v8) having both react-three-fiber and pixi-react yield incompatibility errors

[rvion]

Current Behavior

having both react-three-fiber and pixi-react yield incompatibility errors

Interface 'IntrinsicElements' cannot simultaneously extend types 'ThreeElements' and 'PixiElements'.
  Named property 'color' of types 'ThreeElements' and 'PixiElements' are not identical.

Expected Behavior

no errors

Steps to Reproduce

install both pixi-react beta, pixi v8, and latest react three fiber

Environment

• @pixi/react version: ^8.0.0-beta.14
• pixi.js version: e.g. 8.2.1
• React version: e.g. 18.3.1
• ReactDOM version: e.g. 18.3.1
• Browser & Version: e.g. Electron latest
• OS & Version: e.g. MacosM1
• Running Example: e.g. https://pixiplayground.com/

Possible Solution

remove non-prefixed variatns from IntrinsicElements (I subjectively prefer to avoid conflicts, and promote only having <pixi... /> prefixed components

Additional Information

thanks for the amazing lib

[rvion]

IMO a good solution would be to change the global.d.ts to something like that, and only tell people they can extend IntrinsincElements with PixiElement if they really want to.

They anyway are often going to need to deal with tweaking some global.d.ts if they want to use custom packages like pixi-viewport

import type { NamespacedPixiElements } from './typedefs/NamespacedPixiElements';
// import type { PixiElements } from './typedefs/PixiElements';
declare global {
    namespace JSX {
        interface IntrinsicElements extends /* PixiElements, */ NamespacedPixiElements {
        }
    }
}