Error in Accessing Import that is working fine in node.js.

In react, What I'm doing is

import {
experimental_extendTheme as materialExtendTheme,
Experimental_CssVarsProvider as MaterialCssVarsProvider,
THEME_ID as MATERIAL_THEME_ID,
} from '@mui/material/styles'; // IT GIVES ERROR

import CssBaseline from '@mui/material/CssBaseline'; // IT GIVES ERROR

import { CssBaseline } from '@mui/material'; // IT WORKS FINE

error: Directory import /root/.cache/deno/npm/registry.npmjs.org/@mui/material/5.15.6/styles is not supported resolving import from file:///home/user/client/src/main.tsx
Did you mean to import index.js within the directory?

Caused by:
Is a directory (os error 21)

------------------

I've switched from node to deno recently, only some days ago, please someone help me, I've search web, ai, everything, yet tring this for 2 days and still I am not anywhere near solution.