createSvgIcon type definitions are not packaged

[mgansler]

This is a follow up to #13974

• This is not a v0.x issue.
• I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior 🤔

I should be able to use createSvgIcon in tsx files.

Current Behavior 😯

It is not possible to use the type definitions are not in the package

Steps to Reproduce 🕹

1. Create a *.tsx file
2. Add this line: import createSvgIcon from "@material-ui/icons/utils/createSvgIcon"
3. Get hit in the face by typescript error TS7016 ;-)

Your Environment 🌎

Tech	Version
Material-UI	v3.9.1
React	v16.6.3
TypeScript	v3.1.6

[mgansler]

Created PR: #14518

[oliviertassinari]

I believe the problem was fixed at some point in next.
https://unpkg.com/@material-ui/icons@3.0.2/utils/createSvgIcon.d.ts vs https://unpkg.com/@material-ui/icons@4.0.0-alpha.0/utils/createSvgIcon.d.ts.

[eps1lon]

@mgansler I recommend you patch those declarations locally.

declare module "@material-ui/icons/utils/createSvgIcon" {
  import SvgIcon from '@material-ui/core/SvgIcon';

  declare function createSvgIcon(path: React.ComponentType, displayName: string): typeof SvgIcon;

  export default createSvgIcon;
}

We already fixed this for @material-ui/icons@next.

[oliviertassinari]

@mgansler Let us know if you can reproduce the problem with @material-ui/icons@next. I'm closing for now.

[mgansler]

Sorry for the long delay, @next works just fine, but I will use a local declaration until 4.0.0 is released