package.json

{
  "name": "next-ssr-ts-swc-mui-sc-example",
  "author": "Subodha Pathiraja",
  "version": "1.0.0",
  "description": "Using styled-components as an engine at this moment is not working when used in a SSR projects with bable. The reason is that the babel-plugin-styled-components is not picking up correctly the usages of the styled() utility inside the @mui packages. As a solution we could able to use swc compiler. This is a example code base which has been configured to use",
  "license": "(MIT OR Apache-2.0)",
  "keywords": [
    "Next ssr",
    "MUI ssr",
    "MUI style engin - styled components "
  ],
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },
  "dependencies": {
    "@mui/icons-material": "^5.2.5",
    "@mui/material": "^5.2.8",
    "@mui/styled-engine": "npm:@mui/styled-engine-sc@^5.1.0",
    "@mui/styled-engine-sc": "^5.1.0",
    "@mui/styles": "^5.2.3",
    "next": "12.0.7",
    "react": "17.0.2",
    "react-dom": "17.0.2",
    "styled-components": "^5.3.3"
  },
  "devDependencies": {
    "@types/node": "17.0.8",
    "@types/react": "17.0.38",
    "@types/styled-components": "^5.1.20",
    "eslint": "8.6.0",
    "eslint-config-next": "12.0.7",
    "next-transpile-modules": "^9.0.0",
    "typescript": "4.5.4"
  },
  "resolutions": {
    "@mui/styled-engine": "npm:@mui/styled-engine-sc@latest"
  },
  "alias": {
    "@mui/styled-engine": "@mui/styled-engine-sc"
  }
}