Jsx runtime (#101) 🚀

* Migrating to new react 17 jsx runtime - part 1 🚀

* Fix runtime for jest 🚀

* Migration to jsx runtime React 17 -part 2 🚀

* Migration to jsx runtime React 17 -part 3 🚀

Author: chicio

.eslintrc.js

@@ -4,7 +4,7 @@ module.exports = {
     "eslint:recommended",
     "plugin:react/recommended",
     "plugin:prettier/recommended",
-    "plugin:testing-library/react"
+    "plugin:testing-library/react",
   ],
   settings: {
     react: {
@@ -26,17 +26,19 @@ module.exports = {
     sourceType: "module", // Allows for the use of imports
   },
   rules: {
-    "react/prop-types": "off", // Disable prop-types as we use TypeScript for type checking
+    "react/prop-types": "off",
     "@typescript-eslint/explicit-function-return-type": "off",
     "no-unused-vars": "off",
     "@typescript-eslint/no-unused-vars": "error",
+    "react/jsx-uses-react": "off",
+    "react/react-in-jsx-scope": "off",
   },
   overrides: [
     // Override some TypeScript rules just for .js files
     {
       files: ["*.js"],
       rules: {
-        "@typescript-eslint/no-var-requires": "off", //
+        "@typescript-eslint/no-var-requires": "off",
       },
     },
     {

.idea/chicio.github.io.iml

@@ -1,4 +1,3 @@
-import React from "react";
 import { fireEvent, render, screen } from "@testing-library/react";
 import { trackWith } from "../src/logic/tracking";
 import { BlogThemePage } from "../src/components/design-system/templates/blog-theme-page";

.idea/jsLibraryMappings.xml

@@ -10,6 +10,7 @@ interface GatsbyPluginFeed {
 }
 
 const config: GatsbyConfig = {
+  jsxRuntime: "automatic",
   siteMetadata: {
     title:
       "Fabrizio Duroni | Fabrizio Duroni ‘Chicio Coding’ official site with profile details. Official blog chicio coding. Main skills: mobile application development, computer graphics, web development.",