createBox and Box from @mui/system return different types.

[Nicktho]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Current behavior 😯

When importing from @mui/system,

createBox has the type signature (...) => React.ElementType<any>
where as Box is OverridableComponent<BoxTypeMap<{}, "div">>.

Expected behavior 🤔

createBox should return a type similar to that of the Box

Steps to reproduce 🕹

See the codesandbox: https://codesandbox.io/s/naughty-booth-pxels?file=/src/Demo.tsx

Context 🔦

The main reason to have similar typing between createBox and Box is to take advantage of the SxProps typing that Box has on its sx prop, where as a Box returned from createBox does not have this prop typed.

Your environment 🌎

See codesandbox.

[mnajdova]

Thanks for the report, PR coming up right away

[Nicktho]

@mnajdova Awesome!