CardMediaTypeMap interface not exported

[HanjoHagemeierHCL]

In the Material-UI version v4.0.1 is the CardMediaTypeMap interface not exported.

[eps1lon]

What do you need it for?

[HanjoHagemeierHCL]

I have wrapped the CardMedia component. In the history i have use the version 3.9.3 and with this version it work's but not for the new version 4.0.1.

Example comp:

import { Theme, createStyles, withStyles } from '@material-ui/core/styles';
import CardMedia from '@material-ui/core/CardMedia';

const styles = (theme: Theme) => createStyles({
});

export default withStyles(styles)(CardMedia);
export * from '@material-ui/core/CardMedia';

I got the following typescript error.

Default export of the module has or is using private name 'CardMediaTypeMap'.

[impleri]

I am getting this in 4.3.2 when using CardMedia as a defaultProp to another component. Example:

import CardMedia, { CardMediaProps } from '@material-ui/core/CardMedia';
import React, { ComponentType, PureComponent } from 'react';

interface SomeComponentProps {
  CardMediaComponent: ComponentType<CardMediaProps>;
}

export class SomeComponent extends PureComponent<SomeComponentProps> {
  public static defaultProps = {
    CardMediaComponent: CardMedia,
  };

  public render() {
    const { CardMediaComponent, ...props } = this.props;

    return <CardMediaComponent {...props } />;
  }
}

The error is :

error TS4026: Public static property 'defaultProps' of exported class has or is using name 'CardMediaTypeMap' from external module ".../node_modules/@material-ui/core/CardMedia/CardMedia" but cannot be named.

[impleri]

Workaround is not to declare it as a defaultProp. Works fine when being passed as a prop.

[oliviertassinari]

The type is exported since #17354.

[trusktr]

I've opened a request to fix issues like these in TypeScript by bringing declaration files to parity with language features. microsoft/TypeScript#35822