Use root eslintrc for demo + Fix lint issues

Author: Oblosys

.eslintrc.js

@@ -14,7 +14,7 @@ module.exports = {
     'plugin:react-hooks/recommended',
     'prettier',
   ],
-  ignorePatterns: ['/packages/*/dist/'],
+  ignorePatterns: ['/apps/*/build/', '/packages/*/dist/'],
   root: true, // Prevents eslint from looking for config files in parent directories of project root.
   parser: '@typescript-eslint/parser',
   parserOptions: {
@@ -78,6 +78,7 @@ module.exports = {
     'jest/prefer-to-have-length': 'warn',
     'jest/valid-expect': 'warn',
     'react/display-name': 'off', // Triggers incorrectly, and is about obsolete createReactClass anyway.
+    'react/no-unescaped-entities': 'off', // Not that useful, and makes source less readable.
     'sort-imports': ['warn', { ignoreDeclarationSort: true }], // `import {B, A} from ..` ~> `import {A, B} from ..`
   },
 }

apps/react-hook-tracer-demo/package.json

@@ -20,12 +20,6 @@
     "type-check": "tsc",
     "type-check-watch": "yarn type-check --watch"
   },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ]
-  },
   "browserslist": {
     "production": [
       ">0.2%",

apps/react-hook-tracer-demo/src/App.tsx

@@ -1,12 +1,13 @@
 /* eslint-disable @typescript-eslint/no-use-before-define */
 import { ReactEventHandler, useCallback, useEffect, useState } from 'react'
-import { clearLog, resetComponentRegistry, setTracerConfig, TraceLog } from 'react-hook-tracer'
+import { TraceLog, clearLog, resetComponentRegistry, setTracerConfig } from 'react-hook-tracer'
+
+import { ItemSelector } from './ItemSelector'
 import * as contextDemo from './demos/ContextDemo'
-import * as demo from './demos/Demo'
 import * as counter from './demos/Counter'
-import * as reducer from './demos/Reducer'
+import * as demo from './demos/Demo'
 import * as domRef from './demos/DomRef'
-import { ItemSelector } from './ItemSelector'
+import * as reducer from './demos/Reducer'
 
 import './App.css'