Merge pull request #2 from stplasim/master

Fiexed some errors with the package

Author: alexlanz

.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" />