[Material-UI v5 alpha 32] experimentalStyled missing styleProps in typescript definition

Trying to create my own component using experimentalStyled mimicking Autocomplete in typescript I got a compile error on styleProps property

<AutocompleteLoading styleProps={props}>
  This is not compiling
</AutocompleteLoading>

Property ‘styleProps’ does not exist on type …

In Sandbox a simplified example https://codesandbox.io/s/interesting-babbage-zyrpz?file=/src/Demo.tsx:658-757

[david-ic3]

Thanks for the quick turnaround, I see I’m not the only one working on week-ends, guys really no need.

From a documentation side a bit around this experimentalStyle function would be welcomed as an example on how to create a composed component like an MUI one from scratch.

To get a hint what we are trying to achieve (selected is a new prop) :

function MyUselessButton(props: PropsOf<typeof Button> & {selected: boolean | undefined} ) {
    return <Button {...props} />;
}

const FilterButton = experimentalStyled(MyUselessButton, {
    shouldForwardProp: (prop) => prop !== 'selected',
})(({selected, theme}) => ({
    ...theme.components!['FilterButtons'].styleOverrides.muiButton,   // it's a bit of hack and we don't have variants
    ...selected && {backgoundColor: theme.live['selection'].selectedColor}
}));

my one cent

[oliviertassinari]

Could it be seen as a duplicate of #24862?

Spreading extra props might actually be something we could document in https://next--material-ui.netlify.app/guides/styled-engine/ (in addition to the existing customization page). We currently cover it in https://next--material-ui.netlify.app/customization/how-to-customize/#dynamic-css.