refactor: add prefer-ts-expect-error rule

.eslintrc

@@ -30,6 +30,7 @@
         "jsx-a11y/no-autofocus": "off",
         "import/no-extraneous-dependencies": "off",
         "import/consistent-type-specifier-style": ["error", "prefer-top-level"],
+        "@typescript-eslint/prefer-ts-expect-error": "error",
         "@typescript-eslint/consistent-type-imports": ["error", {"prefer":  "type-imports", "fixStyle": "separate-type-imports"}]
     },
     "overrides": [

src/components/Disclosure/Disclosure.tsx

@@ -42,7 +42,7 @@ export interface DisclosureProps extends QAProps {
 
 const isDisclosureSummaryComponent = isOfType(DisclosureSummary);
 
-// @ts-ignore this ts-error is appears when forwarding ref. It complains that DisclosureComposition props is not provided initially
+// @ts-expect-error this ts-error is appears when forwarding ref. It complains that DisclosureComposition props is not provided initially
 export const Disclosure: React.FunctionComponent<DisclosureProps> & DisclosureComposition =
     React.forwardRef<HTMLDivElement, DisclosureProps>(function Disclosure(props, ref) {
         const {

src/components/Table/__tests__/Table.withTableSettings.test.tsx

@@ -149,10 +149,8 @@ describe('withTableSettings', () => {
             );
             expect(osSettings).toBeDefined();
             expect(osxSettings).toBeDefined();
-            // @ts-ignore
-            expect(osSettings.isSelected).toBe(true);
-            // @ts-ignore
-            expect(osxSettings.isSelected).toBe(false);
+            expect(osSettings?.isSelected).toBe(true);
+            expect(osxSettings?.isSelected).toBe(false);
         });
 
         it('should return columns when no settings provided', () => {

src/components/Table/hoc/withTableActions/withTableActions.tsx

@@ -272,7 +272,7 @@ export function withTableActions<I extends TableDataItem, E extends {} = {}>(
 
                 return (item: I, index: number, event: React.MouseEvent<HTMLTableRowElement>) => {
                     if (
-                        // @ts-ignore
+                        // @ts-expect-error
                         event.nativeEvent.target.matches(
                             `.${actionsButtonCn}, .${actionsButtonCn} *`,
                         )

src/components/Table/hoc/withTableCopy/withTableCopy.tsx

@@ -104,7 +104,7 @@ export function withTableCopy<I extends TableDataItem, E extends {} = {}>(
                 return (item: I, index: number, event: React.MouseEvent<HTMLTableRowElement>) => {
                     const buttonClassName = b('copy-button');
                     if (
-                        // @ts-ignore
+                        // @ts-expect-error
                         event.nativeEvent.target.matches(
                             `.${buttonClassName}, .${buttonClassName} *`,
                         )

src/components/Table/hoc/withTableSelection/withTableSelection.tsx

@@ -120,7 +120,7 @@ export function withTableSelection<I extends TableDataItem, E extends {} = {}>(
             event: React.ChangeEvent<HTMLInputElement>,
         ) => {
             const {checked} = event.target;
-            // @ts-ignore shiftKey is defined for click events
+            // @ts-expect-error shiftKey is defined for click events
             const isShiftPressed = event.nativeEvent.shiftKey;
             const {data, selectedIds, onSelectionChange} = this.props;
 
@@ -191,7 +191,7 @@ export function withTableSelection<I extends TableDataItem, E extends {} = {}>(
                 return (item: I, index: number, event: React.MouseEvent<HTMLTableRowElement>) => {
                     const checkboxClassName = b('selection-checkbox');
                     if (
-                        // @ts-ignore
+                        // @ts-expect-error
                         event.nativeEvent.target.matches(
                             `.${checkboxClassName}, .${checkboxClassName} *`,
                         )

src/components/layout/demo/ColPresenter/ColPresenter.tsx

@@ -4,7 +4,7 @@ import {Col} from '../../Col/Col';
 import type {ColProps} from '../../Col/Col';
 import {Box} from '../Box/Box';
 
-// @ts-ignore-error
+// @ts-expect-error
 const pickSizeProps = <T extends {}>({l, xl, s, m, xxl, xxxl, size}: T = {}): string => {
     // skip empty values
     return Object.entries({...{l, xl, s, m, xxl, xxxl, size}})

test-utils/setup-tests.ts

@@ -20,7 +20,7 @@ global.ResizeObserver = class implements ResizeObserver {
 jest.mock(
     'react-virtualized-auto-sizer',
     () =>
-        //@ts-ignore
+        //@ts-expect-error
         ({children}) =>
             children({height: 400, width: 400}),
 );