Fiexed some errors with the package

.eslintrc.json

@@ -30,7 +30,8 @@
         "@typescript-eslint/member-delimiter-style": "off",
         "@typescript-eslint/explicit-function-return-type": "off",
         "@typescript-eslint/no-var-requires": "off",
-        "@typescript-eslint/no-extra-semi": "off"
+        "@typescript-eslint/no-extra-semi": "off",
+        "@typescript-eslint/no-explicit-any": "off"
     },
     "overrides": [
         {

generator.js

@@ -42,7 +42,7 @@ function formatName(string) {
  */
 function componentTemplate(name, svg) {
   let component = "import React from 'react'\n"
-  component += "import { IconProps } from './types'\n"
+  component += "import { IconProps } from './types'\n\n"
   component += `const ${name}: React.FC<IconProps> = (props) => (`
   component += svg + ')\n\n'
   component += `export { ${name} }`
@@ -101,7 +101,10 @@ async function getSVGFile(icon, version) {
     `https://fonts.gstatic.com/s/i/materialicons/${icon}/v${version}/24px.svg`
   )
 
-  return svg.data.replace('height="24"', '').replace('width="24"', '{...props}')
+  return svg.data
+    .replace('height="24"', '')
+    .replace('width="24"', '{...props}')
+    .replace(/class/g, 'className')
 }
 
 /**

package.json

@@ -39,6 +39,7 @@
   "homepage": "https://github.com/aboutbits/react-material-icons#readme",
   "devDependencies": {
     "@types/jest": "^26.0.14",
+    "@types/react": "^16.9.50",
     "@typescript-eslint/parser": "^4.3.0",
     "@typescript-eslint/eslint-plugin": "^4.3.0",
     "react": "^16.13.1",

src/components/Icon360.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const Icon360: React.FC<IconProps> = (props) => (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
     <path d="M0 0h24v24H0z" fill="none" />

src/components/Icon3dRotation.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const Icon3dRotation: React.FC<IconProps> = (props) => (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
     <path d="M0 0h24v24H0z" fill="none" />

src/components/Icon4k.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const Icon4k: React.FC<IconProps> = (props) => (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
     <path d="M0 0h24v24H0V0z" fill="none" />

src/components/Icon5g.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const Icon5g: React.FC<IconProps> = (props) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"

src/components/Icon6FtApart.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const Icon6FtApart: React.FC<IconProps> = (props) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"

src/components/IconAcUnit.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const IconAcUnit: React.FC<IconProps> = (props) => (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
     <path d="M0 0h24v24H0z" fill="none" />

src/components/IconAccessAlarm.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const IconAccessAlarm: React.FC<IconProps> = (props) => (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
     <path d="M0 0h24v24H0z" fill="none" />

src/components/IconAccessAlarms.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const IconAccessAlarms: React.FC<IconProps> = (props) => (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
     <path d="M-618-568H782v3600H-618zM0 0h24v24H0z" fill="none" />

src/components/IconAccessTime.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const IconAccessTime: React.FC<IconProps> = (props) => (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
     <path d="M0 0h24v24H0z" fill="none" />

src/components/IconAccessibility.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const IconAccessibility: React.FC<IconProps> = (props) => (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
     <path d="M0 0h24v24H0z" fill="none" />

src/components/IconAccessibilityNew.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const IconAccessibilityNew: React.FC<IconProps> = (props) => (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
     <path d="M0 0h24v24H0z" fill="none" />

src/components/IconAccessible.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const IconAccessible: React.FC<IconProps> = (props) => (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
     <path d="M0 0h24v24H0z" fill="none" />

src/components/IconAccessibleForward.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const IconAccessibleForward: React.FC<IconProps> = (props) => (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
     <path d="M0 0h24v24H0z" fill="none" />

src/components/IconAccountBalance.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const IconAccountBalance: React.FC<IconProps> = (props) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"

src/components/IconAccountBalanceWallet.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const IconAccountBalanceWallet: React.FC<IconProps> = (props) => (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
     <path d="M0 0h24v24H0z" fill="none" />

src/components/IconAccountBox.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const IconAccountBox: React.FC<IconProps> = (props) => (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
     <path d="M0 0h24v24H0z" fill="none" />

src/components/IconAccountCircle.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const IconAccountCircle: React.FC<IconProps> = (props) => (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
     <path d="M0 0h24v24H0z" fill="none" />

src/components/IconAccountTree.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const IconAccountTree: React.FC<IconProps> = (props) => (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
     <path d="M0 0h24v24H0z" fill="none" />

src/components/IconAdUnits.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const IconAdUnits: React.FC<IconProps> = (props) => (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
     <path d="M0 0h24v24H0z" fill="none" />

src/components/IconAdb.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const IconAdb: React.FC<IconProps> = (props) => (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
     <path d="M0 0h24v24H0z" fill="none" />

src/components/IconAdd.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const IconAdd: React.FC<IconProps> = (props) => (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
     <path d="M0 0h24v24H0z" fill="none" />

src/components/IconAddAPhoto.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const IconAddAPhoto: React.FC<IconProps> = (props) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"

src/components/IconAddAlarm.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const IconAddAlarm: React.FC<IconProps> = (props) => (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
     <path d="M0 0h24v24H0z" fill="none" />

src/components/IconAddAlert.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const IconAddAlert: React.FC<IconProps> = (props) => (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
     <path d="M0 0h24v24H0V0z" fill="none" />

src/components/IconAddBox.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const IconAddBox: React.FC<IconProps> = (props) => (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
     <path d="M0 0h24v24H0z" fill="none" />

src/components/IconAddBusiness.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const IconAddBusiness: React.FC<IconProps> = (props) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"

src/components/IconAddCircle.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const IconAddCircle: React.FC<IconProps> = (props) => (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
     <path d="M0 0h24v24H0z" fill="none" />

src/components/IconAddCircleOutline.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const IconAddCircleOutline: React.FC<IconProps> = (props) => (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
     <path d="M0 0h24v24H0z" fill="none" />

src/components/IconAddComment.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const IconAddComment: React.FC<IconProps> = (props) => (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
     <path d="M0 0h24v24H0V0z" fill="none" />

src/components/IconAddIcCall.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const IconAddIcCall: React.FC<IconProps> = (props) => (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
     <path d="M0 0h24v24H0z" fill="none" />

src/components/IconAddLocation.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const IconAddLocation: React.FC<IconProps> = (props) => (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
     <path d="M0 0h24v24H0V0z" fill="none" />

src/components/IconAddLocationAlt.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const IconAddLocationAlt: React.FC<IconProps> = (props) => (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
     <path d="M0 0h24v24H0z" fill="none" />

src/components/IconAddPhotoAlternate.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const IconAddPhotoAlternate: React.FC<IconProps> = (props) => (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
     <path d="M0 0h24v24H0z" fill="none" />

src/components/IconAddRoad.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const IconAddRoad: React.FC<IconProps> = (props) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"

src/components/IconAddShoppingCart.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const IconAddShoppingCart: React.FC<IconProps> = (props) => (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
     <path d="M0 0h24v24H0zm18.31 6l-2.76 5z" fill="none" />

src/components/IconAddTask.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const IconAddTask: React.FC<IconProps> = (props) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"

src/components/IconAddToHomeScreen.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const IconAddToHomeScreen: React.FC<IconProps> = (props) => (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
     <path d="M0 0h24v24H0V0z" fill="none" />

src/components/IconAddToPhotos.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const IconAddToPhotos: React.FC<IconProps> = (props) => (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
     <path d="M0 0h24v24H0z" fill="none" />

src/components/IconAddToQueue.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const IconAddToQueue: React.FC<IconProps> = (props) => (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
     <path d="M0 0h24v24H0V0z" fill="none" />

src/components/IconAddchart.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const IconAddchart: React.FC<IconProps> = (props) => (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
     <path d="M0 0h24v24H0z" fill="none" />

src/components/IconAdjust.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const IconAdjust: React.FC<IconProps> = (props) => (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
     <path d="M0 0h24v24H0z" fill="none" />

src/components/IconAdminPanelSettings.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const IconAdminPanelSettings: React.FC<IconProps> = (props) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"

src/components/IconAgriculture.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const IconAgriculture: React.FC<IconProps> = (props) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"

src/components/IconAirlineSeatFlat.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const IconAirlineSeatFlat: React.FC<IconProps> = (props) => (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
     <path d="M0 0h24v24H0z" fill="none" />

src/components/IconAirlineSeatFlatAngled.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const IconAirlineSeatFlatAngled: React.FC<IconProps> = (props) => (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
     <path d="M0 0h24v24H0z" fill="none" />

src/components/IconAirlineSeatIndividualSuite.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const IconAirlineSeatIndividualSuite: React.FC<IconProps> = (props) => (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
     <path d="M0 0h24v24H0V0z" fill="none" />

src/components/IconAirlineSeatLegroomExtra.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const IconAirlineSeatLegroomExtra: React.FC<IconProps> = (props) => (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
     <path d="M0 0h24v24H0z" fill="none" />

src/components/IconAirlineSeatLegroomNormal.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const IconAirlineSeatLegroomNormal: React.FC<IconProps> = (props) => (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
     <path d="M0 0h24v24H0z" fill="none" />

src/components/IconAirlineSeatLegroomReduced.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const IconAirlineSeatLegroomReduced: React.FC<IconProps> = (props) => (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
     <path d="M0 0h24v24H0z" fill="none" />

src/components/IconAirlineSeatReclineExtra.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const IconAirlineSeatReclineExtra: React.FC<IconProps> = (props) => (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
     <path d="M0 0h24v24H0z" fill="none" />

src/components/IconAirlineSeatReclineNormal.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { IconProps } from './types'
+
 const IconAirlineSeatReclineNormal: React.FC<IconProps> = (props) => (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
     <path d="M0 0h24v24H0z" fill="none" />