defaultProps cannot be set

[datner]

Steps to reproduce

Steps:

const Foo = styled('div')({})
Foo.defaultProps = { role: 'group' }

and save

Current behavior

Cannot create property 'defaultProps' on string '.f1mt11b3'

Expected behavior

Being able to set default props, not necessarily using the method above, just in general

Context

I have a button I want to make sure is not a submit by default, so I want it to have type="button", but I don't want to do the wrapping dance

const _Foo = styled('button')({})
export const Foo = (props: ComponentProps<typeof _Foo>) => 
  <_Foo type="button" {...props} />

Its just needless ritual

Your environment

npx @mui/envinfo

  System:
    OS: macOS 14.6
  Binaries:
    Node: 20.18.0
    npm: 8.12.1
    pnpm: 9.14.4
  Browsers:
    Chrome: Not Found
    Edge: Not Found
    Safari: 17.6
  npmPackages:
    @pigment-css/react: ^0.0.29 => 0.0.29 
    @pigment-css/vite-plugin: ^0.0.29 => 0.0.29 
    @types/react: ^19.0.2 => 19.0.2 
    react: ^19.0.0 => 19.0.0 
    react-dom: ^19.0.0 => 19.0.0 
    typescript: ~5.7.2 => 5.7.2 

Search keywords: props, default, defaultProps