Broken smooth collapse in reactJS material ui after creating Component

Question

Code example: https://codesandbox.io/s/jovial-paper-s0c69?file=/src/App.js

Material UI makes smooth collapse.

But, when I put JSX to external component, smooth bra