@mui/styled-engine-empty

index.jsx

import * as React from 'react';

export default function styled(tag = 'div', options) {
  return (styles) => React.forwardRef((props, ref) => {
    const { ownerState, theme, sx, as, ...other } = props;
    return React.createElement(tag, { ref, ...other });
  });
}

export function ThemeContext() {

}

export const keyframes = '';
export const css = () => null;

export function StyledEngineProvider() {
  return null
}

export function GlobalStyles() {
  return null;
}

export function internal_processStyles(tag, processor) {
}

package.json

{
  "version": "0.0.1",
  "name": "@mui/styled-engine-empty",
  "main": "index.jsx"
}

READEME.md

@mui/styled-engine-empty

An empty style engine to get a sense of the performance cost of @mui/styled-engine.

Add in your package.json

  "dependencies": {
    "@mui/styled-engine-empty": "gist:5e9031104a86eb5c3325819e9a23857f"
  }

Add the alias in the Vite config:

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
  resolve: {
    alias: {
      '@mui/styled-engine': '@mui/styled-engine-empty'
    },
  }
})