Cambié mi archivo .js a .tsx y recibo errores en un componente:

 <ReactJoyride ... // other props scrollDuration={scrollDurationState} // gives error />

Entiendo el error, que es el siguiente:

 No overload matches this call. Overload 1 of 2, '(props: Props | Readonly<Props>): ReactJoyride', gave the following error. ... Property 'scrollDuration' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes<ReactJoyride> & Readonly<Props> & Readonly<{ children?: ReactNode; }>'.ts(2769) (JSX attribute) scrollDuration: number

Ahora, sé que el error significa que el accesorio que intento proporcionar al componente no existe en las definiciones de tipo para los parámetros del componente ReactJoyride . Creo que este es un problema con el tipo de archivo para el componente, ya que cuando comento el accesorio, el comportamiento del componente cambia.

Así que tengo una situación en la que quiero ignorar el error de linter. He añadido una línea encima del error:

 // @ts-ignore

Pero ahora esta línea está marcada con la advertencia:

 Do not use "@ts-ignore" because it alters compilation errors.eslint@typescript-eslint/ban-ts-comment

No sé si hay algo más que debería estar haciendo. Me imagino que debería especificar qué error quiero ignorar, pero el mensaje de error no parece darme una cadena de error reconocible. Además, no puedo encontrar el número de referencia del error ( .ts(2769) ) para que coincida con nada. He buscado en el archivo diagnostic.Message.json de Microsoft, por ejemplo, y no está incluido allí.