Fixed errors in validity of types check.

Signed-off-by: Michael Valdron <[email protected]>

Author: michael-valdron

.eslintrc.json

@@ -82,7 +82,9 @@
     // It's not accurate in the monorepo style
     "import/no-extraneous-dependencies": "off",
     // Import for import of components
-    "import/no-cycle": "off"
+    "import/no-cycle": "off",
+    // Disables the no img tag rule
+    "@next/next/no-img-element": "off"
   },
   "overrides": [
     {

src/components/GifPlayer/GifPlayer.tsx

@@ -1,23 +1,17 @@
-import * as React from 'react';
+import React from 'react';
 
 export interface GifPlayerProps
   extends React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement> {
-  src?: string;
+  src: string;
 
   className?: string;
 
   alt?: string;
 }
 
 export const GifPlayer: React.FC<GifPlayerProps> = ({
+  src,
   className = '',
-  src = '',
   alt = 'loading...',
   ...props
-}: GifPlayerProps) => {
-  return (
-    <>
-      <img {...props} className={className} src={src} alt={alt} />
-    </>
-  );
-};
+}: GifPlayerProps) => <img {...props} className={className} src={src} alt={alt} />;

src/components/WhyDevfiles/WhyDevfiles.tsx

@@ -19,10 +19,7 @@ export const WhyDevfiles: React.FC<WhyDevfilesProps> = (props: WhyDevfilesProps)
         <Text className={styles.bodyText}>{whyDevfiles.body}</Text>
       </TextContent>
       <br />
-      <GifPlayer
-        style={{ width: '700px', display: 'block', marginLeft: 'auto', marginRight: 'auto' }}
-        src="images/demo.gif"
-      />
+      <GifPlayer width="1920px" height="1080px" src="/images/demo.gif" />
     </div>
   );
 };