`import { ThemeProvider, createMuiTheme } from '@material-ui/core'` not work

This may be a type related issue. import { ThemeProvider, createMuiTheme } from '@material-ui/core' cause this error:

ERROR in ./src/app.tsx
Module not found: Error: Can't resolve '@material-ui/core/esm/ThemeProvider' in '\path\to\myproject\packages\bbs\src'
 @ ./src/app.tsx 1:0-65 16:150-164
 @ ./src/index.tsx

ERROR in ./src/app.tsx
Module not found: Error: Can't resolve '@material-ui/core/esm/createMuiTheme' in '\path\to\myproject\packages\bbs\src'
 @ ./src/app.tsx 3:0-67 9:12-27
 @ ./src/index.tsx

And I dig into the source code of @material-ui/core/index.js, I found ThemeProvider and createMuiTheme are not exported. But they are listed in the type file.

• The issue is present in the latest release.
• I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

import { ThemeProvider, createMuiTheme } from '@material-ui/core' not work

Expected Behavior 🤔

import { ThemeProvider, createMuiTheme } from '@material-ui/core' works

Steps to Reproduce 🕹

Steps:

1. code like title.
2. compile.

Context 🔦

Your Environment 🌎

Tech	Version
Material-UI	v4.10.2
TypeScript	3.9.5

[JaneMax]

@yellowspaceboots @AyemunHossain Yes, if I have in code import { MuiThemeProvider, createMuiTheme } from '@material-ui/core/styles'; it works npm -v 8.1.0 node -v v16.13.0

[AyemunHossain]

Use import { createTheme } from ‘@material-ui/core/styles’ instead. And this will solve the issue; Here is a pieces of code of my project:

• Import them

import { ThemeProvider } from '@material-ui/core/styles'; import { createMuiTheme } from '@material-ui/core/styles';

• Use createTheme()

const customTheme = createTheme({ palette:{ secondary:purple } })

And i think this issue can be closed now.