Props in typescript not displayed

[acejusto11]

Describe the bug
The props in typescript are not displayed when component is wrapped in HOC withStyles/withTheme of material ui. Only 'innerRef' props are displayed

Expected behavior
All defined props should be displayed

Screenshots

Code snippets
export default withStyles(styleClasses, { index: 0, withTheme: true })(
ColorButton
);
export default withTheme(Button);

[shilman]

FYI addon-info is being superceded by addon-docs, which fixes a bunch of bugs and is easier to maintain. It’s reached release candidate (RC) status and will be properly released soon. Please give it a try! https://medium.com/storybookjs/storybook-docspage-e185bc3622bf

[a-type]

I see the same behavior with addon-docs. I'm building a component library which heavily relies on customizing MUI components. Sometimes I even end up re-exporting MUI components directly. Basically all of the props tables are just innerRef and classes. Not sure, but it might have to do with MUI's StandardProps type (which is the base interface for most components' props) being rather complex. I noticed that classes and innerRef are defined on the StyledComponentProps type which it inherits from. However, I'm not sure why Storybook thinks innerRef is required, for instance.

[stale]

Hi everyone! Seems like there hasn't been much going on in this issue lately. If there are still questions, comments, or bugs, please feel free to continue the discussion. Unfortunately, we don't have time to get to every issue. We are always open to contributions so please send us a pull request if you would like to help. Inactive issues will be closed after 30 days. Thanks!

[freddy-reye16]

Has anyone found a solution or workaround for this topic? I'm running into the same issue. Thanks in advance

[stale]

Hi everyone! Seems like there hasn't been much going on in this issue lately. If there are still questions, comments, or bugs, please feel free to continue the discussion. Unfortunately, we don't have time to get to every issue. We are always open to contributions so please send us a pull request if you would like to help. Inactive issues will be closed after 30 days. Thanks!

[stale]

Hi everyone! Seems like there hasn't been much going on in this issue lately. If there are still questions, comments, or bugs, please feel free to continue the discussion. Unfortunately, we don't have time to get to every issue. We are always open to contributions so please send us a pull request if you would like to help. Inactive issues will be closed after 30 days. Thanks!

[stale]

Hey there, it's me again! I am going close this issue to help our maintainers focus on the current development roadmap instead. If the issue mentioned is still a concern, please open a new ticket and mention this old one. Cheers and thanks for using Storybook!

[petermikitsh]

This issue is still present: classes and innerRef are all that's shown for components from @material-ui/core.

[petermikitsh]

Workaround:

// storybook/components/Button.tsx
import * as React from "react";
import { Button as MatButton, ButtonProps } from "@material-ui/core";

export const Button: React.FC<ButtonProps> = props => <MatButton {...props} />;

// storybook/stories/1-Button.stories.tsx
import * as React from "react";
import { action } from "@storybook/addon-actions";
import { Button } from "../components/Button";

export const Text = props => (
  <Button variant="contained" color="primary" onClick={action("clicked")}>
    Hello Button
  </Button>
);

export default {
  title: "Button",
  component: Button
};