[material-ui][Button] Button from @mui/material conflicts with @react-three/drei

[naveen741]

Steps to reproduce

Link to live example: (required)

Steps:

1. install "@react-three/drei": "^9.108.4", and @mui/material latest version
2. When I try to use <Button tag from mui, it throws Type error: Expression produces a union type that is too complex to represent.
3. When I remove the "@react-three/drei": "^9.108.4", package, its works fine.

Current behavior

it throws Type error: Expression produces a union type that is too complex to represent.

Expected behavior

<Button tag from mui has to be usable, even the "@react-three/drei": "^9.108.4", is installed

Context

No response

Your environment

npx @mui/envinfo

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

Search keywords: @mui/material conflicts with @react-three/drei

[MikeLautensack]

If you use the component prop it will fix it.

Example:

[ZeeshanTamboli]

Could you provide a minimal reproduction? It helps us troubleshoot. A live example would be perfect. This StackBlitz sandbox template may be a good starting point.

[github-actions]

Since the issue is missing key information and has been inactive for 7 days, it has been automatically closed. If you wish to see the issue reopened, please provide the missing information.