[docs] Use immediate export when there is no HOC

[merceyz]

• I have followed (at least) the PR section of the contributing guide.

• Use immediate export if there is no HOC
• Consistent spacing between const classes = useStyles(); and return

Only applied to demos with a typescript version

See #16003 (comment)

[merceyz]

Should I update formattedTSDemos.js to apply this when running from the CI to make sure it stays consistent?

[mui-pr-bot]

No bundle size changes comparing 4fccafb...ef33478

Generated by 🚫 dangerJS against ef33478

[merceyz]

Consistent spacing between const classes = useStyles(); and return

While we're on the topic of consistency, perhaps we should enable https://palantir.github.io/tslint/rules/ordered-imports/

[eps1lon]

While we're on the topic of consistency, perhaps we should enable palantir.github.io/tslint/rules/ordered-imports

Not a fan of these kind of rules i.e. stylistic rules. What's the rationale for using it?

[merceyz]

What's the rationale for using it?

Just keeping things in the same order across all the demos, doesn't really matter though.

[oliviertassinari]

@merceyz I love it 😍!

[merceyz]

@merceyz I love it !

@oliviertassinari Here is the regex if you want it

(function )(?<functionName>\w*)((.|\r?\n)*?)(\r?\n*export default \k<functionName>;\r?\n)

Replace with: export default function $2$3