using examples/material-cra-tailwind-ts as a template, code will run twice at load

shawhu commented 1 year ago

Duplicates

[X] I have searched the existing issues

Latest version

[X] I have tested the latest version

Steps to reproduce 🕹

Steps to repro

just copy examples/material-cra-tailwind-ts in this repo to a new folder, and make a small change

export default function App() {
    console.log("app start");  //<-added this line
    return (
       <Container maxWidth="sm">
       ....

and run it with npm in browser console, this line "app start" will output twice. if I use npx create-next-app@latest and I tested, it won't have the same behavior.

Current behavior 😯

it was printed twice

Expected behavior 🤔

it should only be output once

Context 🔦

it affected me a lot...

Your environment 🌎

System: OS: Windows 10 10.0.19044 Binaries: Node: 18.16.0 - C:\Program Files\nodejs\node.EXE Yarn: 1.22.19 - ~\AppData\Roaming\npm\yarn.CMD npm: 9.5.1 - C:\Program Files\nodejs\npm.CMD Browsers: Chrome: Not Found Edge: Spartan (44.19041.1266.0), Chromium (113.0.1774.50) npmPackages: @emotion/react: latest => 11.11.0 @emotion/styled: latest => 11.11.0 @mui/base: 5.0.0-beta.1 @mui/core-downloads-tracker: 5.13.1 @mui/material: latest => 5.13.1 @mui/private-theming: 5.13.1 @mui/styled-engine: 5.12.3 @mui/system: 5.13.1 @mui/types: 7.2.4 @mui/utils: 5.13.1 @types/react: latest => 18.2.6 react: latest => 18.2.0 react-dom: latest => 18.2.0 typescript: latest => 4.9.5