[FormLabel] Export FormLabelOwnProps from FormLabel to fix type error

[yoskeoka]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Steps to reproduce 🕹

Link to live example:

https://codesandbox.io/s/sad-merkle-3swvv2?file=/src/Demo.tsx

Steps:

1. ts(4023) error on export const DemoLabel = styled(FormLabel)(({ theme }) => ({}));

Current behavior 😯

type error happens

Exported variable 'DemoLabel' has or is using name 'FormLabelOwnProps' from external module "/sandbox/node_modules/@mui/material/FormLabel/FormLabel" but cannot be named.ts(4023)

Expected behavior 🤔

no type errors

Context 🔦

This type error stops the build process.
Exporting FormLabelOwnProps on the file node_modules/@mui/material/FormLabel/FormLabel.d.ts fixes this problem.

I think this issue looks like the same as #33165

Your environment 🌎

npx @mui/envinfo

  It does not depend on any browsers.

  Output from `npx @mui/envinfo` goes here.

  System:
    OS: macOS 13.1
  Binaries:
    Node: 18.9.1 - ~/.asdf/installs/nodejs/18.9.1/bin/node
    Yarn: 1.22.19 - /opt/homebrew/bin/yarn
    npm: 8.19.1 - ~/.asdf/plugins/nodejs/shims/npm
  Browsers:
    Chrome: 109.0.5414.119
    Edge: Not Found
    Firefox: Not Found
    Safari: 16.2
  npmPackages:
    @emotion/react:  11.10.5 
    @emotion/styled:  11.10.5 
    @mui/base:  5.0.0-alpha.114 
    @mui/core-downloads-tracker:  5.11.5 
    @mui/envinfo: ^2.0.8 => 2.0.8 
    @mui/icons-material:  5.11.0 
    @mui/material:  5.11.5 
    @mui/private-theming:  5.11.2 
    @mui/styled-engine:  5.11.0 
    @mui/system:  5.11.5 
    @mui/types:  7.2.3 
    @mui/utils:  5.11.2 
    @types/react:  18.0.27 
    react:  18.2.0 
    react-dom:  18.2.0 
    typescript: 4.9.5 => 4.9.5 

[mj12albert]

@yoskeoka Thanks for reporting this and finding the fix ~ would you like to create a PR 😄

[ZeeshanTamboli]

This issue occurs only for library apps where it is needed to generate declaration files (.d.ts) with declaration: true set in its tsconfig. @yoskeoka Do you build a library where you export declaration files? I had fixed the same for #33165 in PR #33751.

Also, this issue occurs only in the latest version of @mui/material i.e, v5.11.7 because of changes in #35852. These are hard bugs to prevent and catch while reviewing.

As you mentioned, you just need to export FormLabelOwnProps interface.

[yoskeoka]

@mj12albert
Sure. I will try to create a PR to fix this.

@ZeeshanTamboli
Yes, in my case this issue occurred when the declaration flag set true on our monorepo project.
I also think, just exporting FormLabelOwnProps is the good way to fix this issue.