fix: use no-shadow of @typescript-eslint instead of base rule (toshi-toma#71)

Author: dohomi

index.js

@@ -28,8 +28,11 @@ module.exports = {
     "@typescript-eslint/no-unused-vars": "error",
     "@typescript-eslint/explicit-member-accessibility": "off",
     "@typescript-eslint/no-object-literal-type-assertion": "off",
+    // v4 changes
     "no-use-before-define": "off",
     "@typescript-eslint/no-use-before-define": ["error"],
+    "no-shadow": "off",
+    "@typescript-eslint/no-shadow": ["error"],
     // React
     "react/jsx-filename-extension": ["error", { extensions: [".tsx"] }],
     "react/prop-types": ["off", {}],

test/sample.ts

@@ -1,16 +1,19 @@
+import { Person, SampleData } from "./sampleTypes";
+
 function sum(a: number, b: number) {
   return a + b;
 }
 
 sum(1, 2);
 
-interface Person {
-  name: string;
-  age: number;
-}
-
 function greeter(person: Person) {
   return `My name is ${person.name}. I am ${person.age} years old.`;
 }
 
 greeter({ name: "toshi-toma", age: 24 });
+
+function greeterWithEnum(person: SampleData) {
+  return `My name is ${person.name}. I am ${person.age} years old.`;
+}
+
+greeterWithEnum({ name: SampleData.name, age: SampleData.age });

test/sampleTypes.ts

@@ -0,0 +1,9 @@
+export interface Person {
+  name: string;
+  age: number;
+}
+
+export const enum SampleData {
+  name = "toshi-toma",
+  age = 24,
+}