chore: uprade react version and apply eslint fixes

Author: alioguzhan

.eslintrc.js

@@ -23,13 +23,13 @@ module.exports = {
     'prettier/@typescript-eslint',
     'plugin:prettier/recommended',
     'plugin:@typescript-eslint/eslint-recommended',
-    'plugin:@typescript-eslint/recommended',
   ],
   rules: {
     'prettier/prettier': 'error',
     '@typescript-eslint/explicit-function-return-type': 'off',
     '@typescript-eslint/no-unused-vars': 'off',
     'react-hooks/rules-of-hooks': 'error', // Checks rules of Hooks
     'react-hooks/exhaustive-deps': 'warn', // Checks effect dependencies
+    'react/react-in-jsx-scope': 'off', // suppress errors for missing 'import React' in files
   },
 };

package.json

@@ -34,7 +34,6 @@
     "npm": ">=6"
   },
   "peerDependencies": {
-    "prop-types": "^15.7.2",
     "react": "^17.0.1",
     "react-dom": "17.0.1"
   },
@@ -66,8 +65,8 @@
     "lint-staged": "^10.5.3",
     "prettier": "^2.2.1",
     "prompt": "^1.1.0",
-    "react": "^16.12.0",
-    "react-dom": "^16.13.0",
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1",
     "replace-in-file": "^6.1.0",
     "rollup": "^2.35.1",
     "rollup-plugin-commonjs": "^10.1.0",

src/index.tsx

@@ -1,16 +1,17 @@
-import React, { useEffect } from 'react';
+import { useEffect } from 'react';
 
 interface Props {
   message?: string;
 }
 /**
  * Main Component
  */
-function Main(props: Props) {
+function Greeting(props: Props) {
   useEffect(() => {
     console.log('Incoming message: ', props.message);
   }, [props.message]);
+
   return <div>{props.message ?? 'No Message'}</div>;
 }
 
-export default Main;
+export default Greeting;

tools/init.ts

@@ -16,7 +16,6 @@ const { basename, resolve } = require('path');
 const replace = require('replace-in-file');
 const { readFileSync, writeFileSync } = require('fs');
 const { cyan, green, red, underline, yellow } = require('colors');
-const { fork } = require('child_process');
 const _prompt = require('prompt');
 const { mv, rm, which, exec } = require('shelljs');
 
@@ -29,7 +28,6 @@ const modifyFiles = [
   'README.md',
   'CODE_OF_CONDUCT.md',
 ];
-const renameFiles: Array<string> = [];
 
 /**
  * Removes items from the project that aren't needed after the initial setup
@@ -91,28 +89,6 @@ function modifyGitignoreFile(): void {
   });
 }
 
-/**
- * Renames any template files to the new library name
- *
- * @param libraryName
- */
-function renameItems(libraryName: string) {
-  console.log(underline.white('Renamed'));
-
-  renameFiles.forEach(function (files) {
-    // Files[0] is the current filename
-    // Files[1] is the new name
-    const newFilename = files[1].replace(/--libraryname--/g, libraryName);
-    mv(
-      resolve(__dirname, '..', files[0]),
-      resolve(__dirname, '..', newFilename)
-    );
-    console.log(cyan(files[0] + ' => ' + newFilename));
-  });
-
-  console.log('\n');
-}
-
 /**
  * Calls any external programs to finish setting up the library
  */