Migrating from TSLint to ESLint

.eslintrc.js

@@ -0,0 +1,24 @@
+module.exports = {
+  parser: "@typescript-eslint/parser",
+  parserOptions: {
+    project: "tsconfig.json",
+    sourceType: "module",
+  },
+  plugins: ["@typescript-eslint/eslint-plugin"],
+  extends: [
+    "plugin:@typescript-eslint/eslint-recommended",
+    "plugin:@typescript-eslint/recommended",
+    "prettier",
+    "prettier/@typescript-eslint",
+  ],
+  root: true,
+  env: {
+    node: true,
+    jest: true,
+  },
+  rules: {
+    "@typescript-eslint/interface-name-prefix": "off",
+    "@typescript-eslint/explicit-function-return-type": "off",
+    "@typescript-eslint/no-explicit-any": "off",
+  },
+}

components/molecules/NextListItem.tsx

@@ -57,7 +57,7 @@ type Props = {
  * Next.js optimized <ListItem>
  * @param props Props
  */
-export const NextListItem = function(props: Props) {
+export const NextListItem = function (props: Props) {
   const { className, href, icon, primary, secondary, onClick } = props
   const classes = useStyles(props)
   const AvatorIcon = () => icon

components/molecules/ReduxSagaResponse.tsx

@@ -15,7 +15,7 @@ type Props = {
  * redux-saga response component
  * @param props Props
  */
-export const ReduxSagaResponse = function(props: Props) {
+export const ReduxSagaResponse = function (props: Props) {
   const classes = useStyles(props)
   const { responses } = props
   return (

components/organisms/HeaderArticleContainer.tsx

@@ -21,7 +21,7 @@ type Props = {
  * Header and article container component
  * @param props Props
  */
-export const HeaderArticleContainer = function(props: Props) {
+export const HeaderArticleContainer = function (props: Props) {
   const { children } = props
   const classes = useStyles(props)
   return (