Fix framer types

mui · May 12, 2021 · c676f78 · c676f78
1 parent 95cef8e
commit c676f78
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 7 deletions.
diff --git a/framer/Material-UI.framerfx/code/Icon.tsx b/framer/Material-UI.framerfx/code/Icon.tsx
@@ -14,9 +14,7 @@ interface Props extends SvgIconProps {
 
 export function Icon(props: Props): JSX.Element | null {
   const { height, icon: iconProp, theme, width, ...other } = props;
-  const iconName = `${iconProp && pascalCase(iconProp)}${
-    theme === 'Filled' ? '' : theme
-  }` as keyof typeof Icons;
+  const iconName = `${iconProp && pascalCase(iconProp)}${theme === 'Filled' ? '' : theme}`;
   const MuiIcon = Object.keys(Icons).indexOf(iconName) !== -1 ? Icons[iconName] : undefined;
 
   return MuiIcon ? <MuiIcon style={{ width, height }} {...other} /> : null;

diff --git a/framer/scripts/templates/icon.txt b/framer/scripts/templates/icon.txt
@@ -11,9 +11,7 @@ interface Props extends SvgIconProps {
 
 export function «componentName»(props: Props): JSX.Element | null {
   const { height, icon: iconProp, theme, width, ...other } = props;
-  const iconName = `${iconProp && pascalCase(iconProp)}${
-    theme === 'Filled' ? '' : theme
-  }` as keyof typeof Icons;
+  const iconName = `${iconProp && pascalCase(iconProp)}${theme === 'Filled' ? '' : theme}`;
   const MuiIcon = Object.keys(Icons).indexOf(iconName) !== -1 ? Icons[iconName] : undefined;
 
   return MuiIcon ? <MuiIcon style={{ width, height}} {...other} /> : null;

diff --git a/framer/tsconfig.json b/framer/tsconfig.json
@@ -4,5 +4,5 @@
     "skipLibCheck": true,
     "noUnusedLocals": true
   },
-  "include": ["Material-UI.framerfx/code"]
+  "include": ["Material-UI.framerfx/code", "types"]
 }
diff --git a/framer/types/icons.d.ts b/framer/types/icons.d.ts
@@ -0,0 +1,2 @@
+declare module '@material-ui/icons';
+declare module '@material-ui/icons/*';
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		declare module '@material-ui/icons';
		declare module '@material-ui/icons/*';