refactor: fix linting for ts directive

In the recommended set, directives are forbidden. Allow them with comments and add a comment explaining the usage in the code

Author: dbartholomae

.eslintrc.js

@@ -15,5 +15,9 @@ module.exports = {
   },
   rules: {
     "react/prop-types": 0,
+    "@typescript-eslint/ban-ts-comment": [
+      2,
+      { "ts-expect-error": "allow-with-description" },
+    ],
   },
 };

src/render.test.tsx

@@ -16,7 +16,7 @@ describe("render", () => {
   });
 
   it("throws an error if a lower-case component is used", () => {
-    // @ts-expect-error
+    // @ts-expect-error - lower-case element test does not exist
     expect(() => render(<test>Test</test>)).toThrowError(
       "No lower-case elements or class components supported, please make sure all your components start with an upper-case letter and are functions."
     );