TypeError: Cannot read properties of undefined (reading 'outlined')

[ZeeshanAhmadKhalil]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Steps to reproduce 🕹

Steps:

1. create a next js project.
2. install material UI and joy packages init.
3. create a merged theme as mentioned in Case A
4. Use `

Current behavior 😯

When using <CircularProgress/> as follows:

import CircularProgress from '@mui/joy/CircularProgress';

<CircularProgress
  variant='outlined'
  determinate
  size="lg"
  value={20}
/>

It's giving the following error:

TypeError: Cannot read properties of undefined (reading 'outlined')
eval
node_modules/@mui/joy/CircularProgress/CircularProgress.js (53:0)

Expected behavior 🤔

It should show the circular progress bar link we have in the documentation example.

Context 🔦

I am creating a circular chart using this progress bar. But it's throwing this error in the project, causing much delay in task completion.

Your environment 🌎

Mac OS Ventura

Node js
v16.17.1

npm
8.15.0

next
12.2.5

[ZeeshanAhmadKhalil]

Also checked on the latest LTS version of the node v18.13.0
still same error

[siriwatknp]

Can you share a CodeSandbox or a repository that I can take a look?

[ZeeshanAhmadKhalil]

i used an external package for now
will create a new repo and share.

[Faridmurzone]

the same thing happened to me today with Textarea component (also Joy) and nextjs

Versions:

    "next": "13.1.1",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    "@mui/joy": "^5.0.0-alpha.62",
    "@emotion/react": "^11.10.5",
    "@emotion/styled": "^11.10.5",

Edit: I already solved the problem... its just because i was using joy ui and material ui togheter.
The solution:
https://mui.com/joy-ui/guides/using-joy-ui-and-material-ui-together/

[siriwatknp]

@Faridmurzone

Please share a CodeSandbox or a repository that I can take a look.

[Faridmurzone]

Thank you @siriwatknp , already solved this problem with this info:
-> #33275
-> https://mui.com/joy-ui/guides/using-joy-ui-and-material-ui-together/

[DrewVaive-GECU]

the link is not working now for this solution
here