[system] Codesandbox example for ts styled-components is broken

[delijah]

Search keywords

codesandbox styled-components

Latest version

• I have tested the latest version

Steps to reproduce

Link to live example: https://codesandbox.io/p/sandbox/github/mui/material-ui/tree/master/examples/material-ui-cra-styled-components-ts

Steps:

1. Open the link

Current behavior

Expected behavior

The sandbox should work?

Context

We try to provide an example for another bug we are experiencing in our project and would like to use this codesandbox as a base.

Your environment

npx @mui/envinfo

  System:
    OS: macOS 12.6.1
  Binaries:
    Node: 20.10.0 - /usr/local/bin/node
    Yarn: 1.22.19 - /usr/local/bin/yarn
    npm: 10.2.3 - /usr/local/bin/npm
  Browsers:
    Chrome: 120.0.6099.199
    Edge: Not Found
    Safari: 15.6.1
  npmPackages:
    @mui/base:  5.0.0-beta.30
    @mui/core-downloads-tracker:  5.15.3
    @mui/lab: 5.0.0-alpha.159 => 5.0.0-alpha.159
    @mui/material: 5.15.3 => 5.15.3
    @mui/private-theming:  5.15.3
    @mui/styled-engine:  5.15.3
    @mui/styled-engine-sc: 6.0.0-alpha.11 => 6.0.0-alpha.11
    @mui/system:  5.15.3
    @mui/types:  7.2.12
    @mui/utils:  5.15.3
    @types/react: 17.0.70 => 17.0.70
    react: 17.0.2 => 17.0.2
    react-dom: 17.0.2 => 17.0.2
    styled-components: 6.1.1 => 6.1.1
    typescript: 5.3.3 => 5.3.3

Support Key

#80425

[brijeshb42]

Seems to be Codesandbox related issue. The package is published as can be seen here - https://unpkg.com/browse/@mui/styled-engine-sc/