@khanacademy/perseus 7.2.1 → 8.0.0

package/src/components/svg-image.tsx

@@ -58,7 +58,7 @@ const doJSONP = function (url: string, options) {
     }
 
     // Add the global callback.
-    // @ts-expect-error [FEI-5003] - TS2740 - Type '() => void' is missing the following properties from type 'Window': clientInformation, closed, customElements, devicePixelRatio, and 206 more.
+    // @ts-expect-error - TS2740 - Type '() => void' is missing the following properties from type 'Window': clientInformation, closed, customElements, devicePixelRatio, and 206 more.
     window[options.callbackName] = function (...args) {
         cleanup();
         options.success.apply(null, args);
@@ -332,13 +332,13 @@ class SvgImage extends React.Component<Props, State> {
                 doJSONP(url, {
                     callbackName: "svgData" + hash,
                     success: (data) => {
-                        // @ts-expect-error [FEI-5003] - TS2540 - Cannot assign to 'data' because it is a read-only property.
+                        // @ts-expect-error - TS2540 - Cannot assign to 'data' because it is a read-only property.
                         cacheData.data = data;
-                        // @ts-expect-error [FEI-5003] - TS2540 - Cannot assign to 'loaded' because it is a read-only property.
+                        // @ts-expect-error - TS2540 - Cannot assign to 'loaded' because it is a read-only property.
                         cacheData.loaded = true;
 
                         _.each(cacheData.dataCallbacks, (callback) => {
-                            // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'null' is not assignable to parameter of type '{ labels: readonly any[]; range: readonly any[]; }'.
+                            // @ts-expect-error - TS2345 - Argument of type 'null' is not assignable to parameter of type '{ labels: readonly any[]; range: readonly any[]; }'.
                             callback(cacheData.data, cacheData.localized);
                         });
                     },
@@ -350,7 +350,7 @@ class SvgImage extends React.Component<Props, State> {
                 retrieveData(
                     getLocalizedDataUrl(this.props.src),
                     (x, status, error) => {
-                        // @ts-expect-error [FEI-5003] - TS2540 - Cannot assign to 'localized' because it is a read-only property.
+                        // @ts-expect-error - TS2540 - Cannot assign to 'localized' because it is a read-only property.
                         cacheData.localized = false;
 
                         // If there is isn't any localized data, fall back to
@@ -512,9 +512,9 @@ class SvgImage extends React.Component<Props, State> {
                 const svgHeight = (this.props.height || 0) * this.props.scale;
                 const svgWidth = (this.props.width || 0) * this.props.scale;
                 label.css({
-                    // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'.
+                    // @ts-expect-error - TS2531 - Object is possibly 'null'.
                     top: (labelTop / svgHeight) * 100 + "%",
-                    // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'.
+                    // @ts-expect-error - TS2531 - Object is possibly 'null'.
                     left: (labelLeft / svgWidth) * 100 + "%",
                 });
 
@@ -561,7 +561,7 @@ class SvgImage extends React.Component<Props, State> {
         // nothing in that case as well. Figuring this out correctly
         // likely required accounting for the image alignment and margins.
         if (
-            // @ts-expect-error [FEI-5003] - TS2532 - Object is possibly 'undefined'. | TS2532 - Object is possibly 'undefined'.
+            // @ts-expect-error - TS2532 - Object is possibly 'undefined'. | TS2532 - Object is possibly 'undefined'.
             $image.width() < this.props.width ||
             this.props.zoomToFullSizeOnMobile
         ) {
@@ -673,7 +673,7 @@ class SvgImage extends React.Component<Props, State> {
                         <ImageLoader
                             src={imageSrc}
                             imgProps={imageProps}
-                            // @ts-expect-error [FEI-5003] - TS2322 - Type '(() => Element) | null' is not assignable to type '() => ReactElement<any, string | JSXElementConstructor<any>> | null | undefined'.
+                            // @ts-expect-error - TS2322 - Type '(() => Element) | null' is not assignable to type '() => ReactElement<any, string | JSXElementConstructor<any>> | null | undefined'.
                             preloader={preloader}
                             onUpdate={this.handleUpdate}
                         />
@@ -685,7 +685,7 @@ class SvgImage extends React.Component<Props, State> {
             return (
                 <ImageLoader
                     src={imageSrc}
-                    // @ts-expect-error [FEI-5003] - TS2322 - Type '(() => Element) | null' is not assignable to type '() => ReactElement<any, string | JSXElementConstructor<any>> | null | undefined'.
+                    // @ts-expect-error - TS2322 - Type '(() => Element) | null' is not assignable to type '() => ReactElement<any, string | JSXElementConstructor<any>> | null | undefined'.
                     preloader={preloader}
                     imgProps={imageProps}
                     onUpdate={this.handleUpdate}
@@ -748,7 +748,7 @@ class SvgImage extends React.Component<Props, State> {
                         src={imageUrl}
                         onLoad={this.onImageLoad}
                         onUpdate={this.handleUpdate}
-                        // @ts-expect-error [FEI-5003] - TS2322 - Type '(() => Element) | null' is not assignable to type '() => ReactElement<any, string | JSXElementConstructor<any>> | null | undefined'.
+                        // @ts-expect-error - TS2322 - Type '(() => Element) | null' is not assignable to type '() => ReactElement<any, string | JSXElementConstructor<any>> | null | undefined'.
                         preloader={preloader}
                         imgProps={imageProps}
                     />
@@ -764,7 +764,7 @@ class SvgImage extends React.Component<Props, State> {
                     src={imageUrl}
                     onLoad={this.onImageLoad}
                     onUpdate={this.handleUpdate}
-                    // @ts-expect-error [FEI-5003] - TS2322 - Type '(() => Element) | null' is not assignable to type '() => ReactElement<any, string | JSXElementConstructor<any>> | null | undefined'.
+                    // @ts-expect-error - TS2322 - Type '(() => Element) | null' is not assignable to type '() => ReactElement<any, string | JSXElementConstructor<any>> | null | undefined'.
                     preloader={preloader}
                     imgProps={imageProps}
                 />

package/src/components/tex-buttons.tsx

@@ -1,5 +1,4 @@
 /* eslint-disable @khanacademy/ts-no-error-suppressions */
-import {Keys} from "@khanacademy/math-input";
 import * as i18n from "@khanacademy/wonder-blocks-i18n";
 import PropTypes from "prop-types";
 import * as React from "react";
@@ -7,6 +6,8 @@ import _ from "underscore";
 
 import {getDependencies} from "../dependencies";
 
+import type {Keys} from "@khanacademy/math-input";
+
 const prettyBig = {fontSize: "150%"} as const;
 const slightlyBig = {fontSize: "120%"} as const;
 const symbStyle = {fontSize: "130%"} as const;
@@ -284,7 +285,7 @@ class TexButtons extends React.Component<Props> {
         // for _.keys() to return the keys in an arbitrary order, but in
         // practice, they will be ordered as listed above.
         const sortedButtonSets = _.sortBy(this.props.sets, (setName) =>
-            // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'string | number' is not assignable to parameter of type 'string'.
+            // @ts-expect-error - TS2345 - Argument of type 'string | number' is not assignable to parameter of type 'string'.
             _.keys(buttonSets).indexOf(setName),
         );
 
@@ -300,7 +301,7 @@ class TexButtons extends React.Component<Props> {
                     <button
                         onClick={() => this.props.onInsert(symbol[1])}
                         className="tex-button"
-                        // @ts-expect-error [FEI-5003] - TS2533 - Object is possibly 'null' or 'undefined'. | TS2339 - Property 'key' does not exist on type 'boolean | ReactChild | ReactFragment | ReactPortal'.
+                        // @ts-expect-error - TS2533 - Object is possibly 'null' or 'undefined'. | TS2339 - Property 'key' does not exist on type 'boolean | ReactChild | ReactFragment | ReactPortal'.
                         key={symbol[0].key}
                         type="button"
                         aria-label={symbol[2]}

package/src/components/text-input.tsx

@@ -76,7 +76,7 @@ class TextInput extends React.Component<Props> {
                 onFocus={onFocus}
                 onBlur={onBlur}
                 onKeyDown={onKeyDown}
-                // @ts-expect-error [FEI-5003] - TS2322 - Type '{ style: StyleType; disabled: boolean | undefined; id: string; value: string; type: "text"; "aria-label": string | undefined; onChange: (value: string) => void; placeholder: string | undefined; ... 5 more ...; autoComplete: string; }' is not assignable to type 'IntrinsicAttributes & ExportProps & RefAttributes<HTMLInputElement>'.
+                // @ts-expect-error - TS2322 - Type '{ style: StyleType; disabled: boolean | undefined; id: string; value: string; type: "text"; "aria-label": string | undefined; onChange: (value: string) => void; placeholder: string | undefined; ... 5 more ...; autoComplete: string; }' is not assignable to type 'IntrinsicAttributes & ExportProps & RefAttributes<HTMLInputElement>'.
                 autoCorrect="off"
                 autoCapitalize="off"
                 autoComplete="off"
@@ -85,22 +85,22 @@ class TextInput extends React.Component<Props> {
     }
 
     focus: () => void = () => {
-        // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'. | TS2339 - Property 'focus' does not exist on type 'Element | Text'.
+        // @ts-expect-error - TS2531 - Object is possibly 'null'. | TS2339 - Property 'focus' does not exist on type 'Element | Text'.
         ReactDOM.findDOMNode(this).focus();
     };
 
     blur: () => void = () => {
-        // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'. | TS2339 - Property 'blur' does not exist on type 'Element | Text'.
+        // @ts-expect-error - TS2531 - Object is possibly 'null'. | TS2339 - Property 'blur' does not exist on type 'Element | Text'.
         ReactDOM.findDOMNode(this).blur();
     };
 
     getValue: () => string | null | undefined = () => {
-        // @ts-expect-error [FEI-5003] - TS2339 - Property 'value' does not exist on type 'Element | Text'.
+        // @ts-expect-error - TS2339 - Property 'value' does not exist on type 'Element | Text'.
         return ReactDOM.findDOMNode(this)?.value;
     };
 
     getStringValue: () => string | null | undefined = () => {
-        // @ts-expect-error [FEI-5003] - TS2339 - Property 'value' does not exist on type 'Element | Text'.
+        // @ts-expect-error - TS2339 - Property 'value' does not exist on type 'Element | Text'.
         return ReactDOM.findDOMNode(this)?.value.toString();
     };
 
@@ -108,7 +108,7 @@ class TextInput extends React.Component<Props> {
         selectionStart,
         selectionEnd,
     ) => {
-        // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'. | TS2339 - Property 'setSelectionRange' does not exist on type 'Element | Text'.
+        // @ts-expect-error - TS2531 - Object is possibly 'null'. | TS2339 - Property 'setSelectionRange' does not exist on type 'Element | Text'.
         ReactDOM.findDOMNode(this).setSelectionRange(
             selectionStart,
             selectionEnd,
@@ -116,12 +116,12 @@ class TextInput extends React.Component<Props> {
     };
 
     getSelectionStart: () => number = () => {
-        // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'. | TS2339 - Property 'selectionStart' does not exist on type 'Element | Text'.
+        // @ts-expect-error - TS2531 - Object is possibly 'null'. | TS2339 - Property 'selectionStart' does not exist on type 'Element | Text'.
         return ReactDOM.findDOMNode(this).selectionStart;
     };
 
     getSelectionEnd: () => number = () => {
-        // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'. | TS2339 - Property 'selectionEnd' does not exist on type 'Element | Text'.
+        // @ts-expect-error - TS2531 - Object is possibly 'null'. | TS2339 - Property 'selectionEnd' does not exist on type 'Element | Text'.
         return ReactDOM.findDOMNode(this).selectionEnd;
     };
 }

package/src/components/text-list-editor.tsx

@@ -11,7 +11,7 @@ function getTextWidth(text: any) {
     if (!textWidthCache[text]) {
         // Hacky way to guess the width of an input box
         const $test = $("<span>").text(text).appendTo("body");
-        // @ts-expect-error [FEI-5003] - TS2532 - Object is possibly 'undefined'.
+        // @ts-expect-error - TS2532 - Object is possibly 'undefined'.
         textWidthCache[text] = $test.width() + 5;
         $test.remove();
     }
@@ -57,10 +57,10 @@ class TextListEditor extends React.Component<any, any> {
                             type="text"
                             value={item}
                             // eslint-disable-next-line react/jsx-no-bind
-                            // @ts-expect-error [FEI-5003] - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation. | TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
+                            // @ts-expect-error - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation. | TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
                             onChange={this.onChange.bind(this, i)}
                             // eslint-disable-next-line react/jsx-no-bind
-                            // @ts-expect-error [FEI-5003] - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation. | TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
+                            // @ts-expect-error - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation. | TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
                             onKeyDown={this.onKeyDown.bind(this, i)}
                             style={{width: getTextWidth(item)}}
                         />
@@ -107,17 +107,17 @@ class TextListEditor extends React.Component<any, any> {
             ) {
                 // ...except for the last one, iff it is the only empty
                 // input at the end.
-                // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'. | TS2339 - Property 'focus' does not exist on type 'Element | Text'.
+                // @ts-expect-error - TS2531 - Object is possibly 'null'. | TS2339 - Property 'focus' does not exist on type 'Element | Text'.
                 ReactDOM.findDOMNode(this.refs["input_" + focusIndex]).focus(); // eslint-disable-line react/no-string-refs
             } else {
                 items.splice(index, 1);
                 this.setState({items: items}, function () {
-                    // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'.
+                    // @ts-expect-error - TS2531 - Object is possibly 'null'.
                     ReactDOM.findDOMNode(
                         // eslint-disable-next-line react/no-string-refs
-                        // @ts-expect-error [FEI-5003] - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
+                        // @ts-expect-error - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
                         this.refs["input_" + focusIndex],
-                        // @ts-expect-error [FEI-5003] - TS2339 - Property 'focus' does not exist on type 'Element | Text'.
+                        // @ts-expect-error - TS2339 - Property 'focus' does not exist on type 'Element | Text'.
                     ).focus();
                 });
             }
@@ -145,17 +145,17 @@ class TextListEditor extends React.Component<any, any> {
 
             if (index === items.length - 2) {
                 // ...unless the empty input is just below.
-                // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'. | TS2339 - Property 'focus' does not exist on type 'Element | Text'.
+                // @ts-expect-error - TS2531 - Object is possibly 'null'. | TS2339 - Property 'focus' does not exist on type 'Element | Text'.
                 ReactDOM.findDOMNode(this.refs["input_" + focusIndex]).focus(); // eslint-disable-line react/no-string-refs
             } else {
                 items.splice(focusIndex, 0, "");
                 this.setState({items: items}, function () {
-                    // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'.
+                    // @ts-expect-error - TS2531 - Object is possibly 'null'.
                     ReactDOM.findDOMNode(
                         // eslint-disable-next-line react/no-string-refs
-                        // @ts-expect-error [FEI-5003] - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
+                        // @ts-expect-error - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
                         this.refs["input_" + focusIndex],
-                        // @ts-expect-error [FEI-5003] - TS2339 - Property 'focus' does not exist on type 'Element | Text'.
+                        // @ts-expect-error - TS2339 - Property 'focus' does not exist on type 'Element | Text'.
                     ).focus();
                 });
             }

package/src/components/visibility-observer/create-visibility-observer.ts

@@ -90,7 +90,7 @@ class NativeVisibilityObserver implements VisibilityObserver {
         // There should be exactly one entry, but let's be defensive and loop.
         //
         for (const entry of entries) {
-            // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'DOMRectReadOnly | null' is not assignable to parameter of type 'DOMRectReadOnly'.
+            // @ts-expect-error - TS2345 - Argument of type 'DOMRectReadOnly | null' is not assignable to parameter of type 'DOMRectReadOnly'.
             this._onVisibilityChange(entry.isIntersecting, entry.rootBounds);
         }
     };

package/src/components/visibility-observer/visibility-observer.tsx

@@ -58,9 +58,9 @@ function findPositionInScrollContainer(
 }
 
 class VisibilityObserver extends React.Component<Props> {
-    // @ts-expect-error [FEI-5003] - TS2564 - Property '_observer' has no initializer and is not definitely assigned in the constructor.
+    // @ts-expect-error - TS2564 - Property '_observer' has no initializer and is not definitely assigned in the constructor.
     _observer: IVisibilityObserver;
-    // @ts-expect-error [FEI-5003] - TS2564 - Property '_node' has no initializer and is not definitely assigned in the constructor.
+    // @ts-expect-error - TS2564 - Property '_node' has no initializer and is not definitely assigned in the constructor.
     _node: HTMLElement;
 
     static defaultProps: {onChange: () => void} = {

package/src/components/zoomable-tex.tsx

@@ -26,9 +26,9 @@ const computeMathBounds = (
         parentNode.querySelector(".katex-html") ||
         parentNode.querySelector(".MathJax");
     const textBounds = {
-        // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'. | TS2339 - Property 'offsetWidth' does not exist on type 'Element'.
+        // @ts-expect-error - TS2531 - Object is possibly 'null'. | TS2339 - Property 'offsetWidth' does not exist on type 'Element'.
         width: textElement.offsetWidth,
-        // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'. | TS2339 - Property 'offsetHeight' does not exist on type 'Element'.
+        // @ts-expect-error - TS2531 - Object is possibly 'null'. | TS2339 - Property 'offsetHeight' does not exist on type 'Element'.
         height: textElement.offsetHeight,
     } as const;
 
@@ -44,7 +44,7 @@ const computeMathBounds = (
 
 export default class ZoomableTeX extends React.Component<Props, State> {
     constructor() {
-        // @ts-expect-error [FEI-5003] - TS2554 - Expected 1-2 arguments, but got 0.
+        // @ts-expect-error - TS2554 - Expected 1-2 arguments, but got 0.
         super();
 
         this.state = {isRendered: false};

package/src/components/zoomable.tsx

@@ -47,14 +47,14 @@ type State = {
 };
 
 class Zoomable extends React.Component<Props, State> {
-    // @ts-expect-error [FEI-5003] - TS2564 - Property '_isMounted' has no initializer and is not definitely assigned in the constructor.
+    // @ts-expect-error - TS2564 - Property '_isMounted' has no initializer and is not definitely assigned in the constructor.
     _isMounted: boolean;
-    // @ts-expect-error [FEI-5003] - TS2564 - Property '_observer' has no initializer and is not definitely assigned in the constructor.
+    // @ts-expect-error - TS2564 - Property '_observer' has no initializer and is not definitely assigned in the constructor.
     _observer: MutationObserver;
-    // @ts-expect-error [FEI-5003] - TS2564 - Property '_measuringInitialized' has no initializer and is not definitely assigned in the constructor.
+    // @ts-expect-error - TS2564 - Property '_measuringInitialized' has no initializer and is not definitely assigned in the constructor.
     _measuringInitialized: boolean;
     _originalWidth: number | null | undefined;
-    // @ts-expect-error [FEI-5003] - TS2564 - Property '_node' has no initializer and is not definitely assigned in the constructor.
+    // @ts-expect-error - TS2564 - Property '_node' has no initializer and is not definitely assigned in the constructor.
     _node: HTMLElement;
 
     static defaultProps: DefaultProps = {
@@ -64,9 +64,9 @@ class Zoomable extends React.Component<Props, State> {
             const firstChild = parentNode.firstElementChild;
 
             return {
-                // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'. | TS2339 - Property 'offsetWidth' does not exist on type 'Element'.
+                // @ts-expect-error - TS2531 - Object is possibly 'null'. | TS2339 - Property 'offsetWidth' does not exist on type 'Element'.
                 width: firstChild.offsetWidth,
-                // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'. | TS2339 - Property 'offsetHeight' does not exist on type 'Element'.
+                // @ts-expect-error - TS2531 - Object is possibly 'null'. | TS2339 - Property 'offsetHeight' does not exist on type 'Element'.
                 height: firstChild.offsetHeight,
             };
         },
@@ -130,7 +130,7 @@ class Zoomable extends React.Component<Props, State> {
 
         if (this._isMounted && shouldInitialize) {
             this._measuringInitialized = true;
-            // @ts-expect-error [FEI-5003] - TS2322 - Type 'Element | Text | null' is not assignable to type 'HTMLElement'.
+            // @ts-expect-error - TS2322 - Type 'Element | Text | null' is not assignable to type 'HTMLElement'.
             this._node = ReactDOM.findDOMNode(this);
 
             // We call measureAndScaleChildToFit asynchronously so that the browser
@@ -285,7 +285,7 @@ class Zoomable extends React.Component<Props, State> {
                 onTouchCancelCapture={this.stopPropagationIfZoomed}
                 onTouchEndCapture={this.stopPropagationIfZoomed}
                 onTouchStartCapture={this.stopPropagationIfZoomed}
-                // @ts-expect-error [FEI-5003] - TS2322 - Type '{ readonly transitionProperty: string; readonly transitionDuration: string; readonly transitionTimingFunction: string; readonly display: "block"; readonly width: "100%"; readonly height: number | ... 1 more ... | undefined; readonly transform: string; readonly transformOrigin: "0 0"; readonly opacity: 0 | 1; readonl...' is not assignable to type 'CSSProperties | undefined'.
+                // @ts-expect-error - TS2322 - Type '{ readonly transitionProperty: string; readonly transitionDuration: string; readonly transitionTimingFunction: string; readonly display: "block"; readonly width: "100%"; readonly height: number | ... 1 more ... | undefined; readonly transform: string; readonly transformOrigin: "0 0"; readonly opacity: 0 | 1; readonl...' is not assignable to type 'CSSProperties | undefined'.
                 style={style}
             >
                 {this.props.children}

package/src/hint-renderer.tsx

@@ -34,7 +34,7 @@ class HintRenderer extends React.Component<Props> {
 
     getSerializedState: () => void = () => {
         // eslint-disable-next-line react/no-string-refs
-        // @ts-expect-error [FEI-5003] - TS2339 - Property 'getSerializedState' does not exist on type 'ReactInstance'.
+        // @ts-expect-error - TS2339 - Property 'getSerializedState' does not exist on type 'ReactInstance'.
         return this.refs.renderer.getSerializedState();
     };
 
@@ -43,7 +43,7 @@ class HintRenderer extends React.Component<Props> {
         arg2: (...args: ReadonlyArray<any>) => unknown,
     ) => void = (state, callback) => {
         // eslint-disable-next-line react/no-string-refs
-        // @ts-expect-error [FEI-5003] - TS2339 - Property 'restoreSerializedState' does not exist on type 'ReactInstance'.
+        // @ts-expect-error - TS2339 - Property 'restoreSerializedState' does not exist on type 'ReactInstance'.
         this.refs.renderer.restoreSerializedState(state, callback);
     };
 
@@ -80,7 +80,7 @@ class HintRenderer extends React.Component<Props> {
         } as const;
 
         return (
-            // @ts-expect-error [FEI-5003] - TS2322 - Type 'string' is not assignable to type 'number | undefined'.
+            // @ts-expect-error - TS2322 - Type 'string' is not assignable to type 'number | undefined'.
             <div className={classNames} tabIndex="-1">
                 {!apiOptions.isMobile && (
                     <span className="perseus-sr-only">

package/src/hints-renderer.tsx

@@ -9,7 +9,6 @@ import _ from "underscore";
 
 import HintRenderer from "./hint-renderer";
 import {ApiOptions} from "./perseus-api";
-import Renderer from "./renderer";
 import {
     baseUnitPx,
     hintBorderWidth,
@@ -21,11 +20,12 @@ import mediaQueries from "./styles/media-queries";
 import sharedStyles from "./styles/shared";
 import Util from "./util";
 
+import type Renderer from "./renderer";
 import type {APIOptionsWithDefaults} from "./types";
 
 type Props = JSX.LibraryManagedAttributes<
     Renderer,
-    // @ts-expect-error [FEI-5003] - TS2344 - Type 'Renderer' does not satisfy the constraint 'keyof IntrinsicElements | JSXElementConstructor<any>'.
+    // @ts-expect-error - TS2344 - Type 'Renderer' does not satisfy the constraint 'keyof IntrinsicElements | JSXElementConstructor<any>'.
     React.ComponentProps<typeof Renderer>
 > & {
     className?: string;
@@ -36,7 +36,7 @@ type Props = JSX.LibraryManagedAttributes<
 };
 
 type DefaultProps = {
-    // @ts-expect-error [FEI-5003] - TS2339 - Property 'linterContext' does not exist on type '{ className?: string | undefined; hints: readonly any[]; hintsVisible?: number | undefined; }'.
+    // @ts-expect-error - TS2339 - Property 'linterContext' does not exist on type '{ className?: string | undefined; hints: readonly any[]; hintsVisible?: number | undefined; }'.
     linterContext: Props["linterContext"];
 };
 
@@ -64,7 +64,7 @@ class HintsRenderer extends React.Component<Props, State> {
     }
 
     UNSAFE_componentWillReceiveProps(nextProps: Props) {
-        // @ts-expect-error [FEI-5003] - TS2532 - Object is possibly 'undefined'. | TS2532 - Object is possibly 'undefined'.
+        // @ts-expect-error - TS2532 - Object is possibly 'undefined'. | TS2532 - Object is possibly 'undefined'.
         if (nextProps.hintsVisible - this.props.hintsVisible > 1) {
             this.setState({isFinalHelpPage: true});
         }
@@ -90,7 +90,7 @@ class HintsRenderer extends React.Component<Props, State> {
             nextHintsVisible >= 0
         ) {
             const pos = nextHintsVisible - 1;
-            // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'. | TS2339 - Property 'focus' does not exist on type 'Element | Text'.
+            // @ts-expect-error - TS2531 - Object is possibly 'null'. | TS2339 - Property 'focus' does not exist on type 'Element | Text'.
             ReactDOM.findDOMNode(this.refs["hintRenderer" + pos]).focus(); // eslint-disable-line react/no-string-refs
         }
     }
@@ -126,7 +126,7 @@ class HintsRenderer extends React.Component<Props, State> {
         // false in hints.
         return {
             ...ApiOptions.defaults,
-            // @ts-expect-error [FEI-5003] - TS2339 - Property 'apiOptions' does not exist on type 'Readonly<{ className?: string | undefined; hints: readonly any[]; hintsVisible?: number | undefined; }> & Readonly<{ children?: ReactNode; }>'.
+            // @ts-expect-error - TS2339 - Property 'apiOptions' does not exist on type 'Readonly<{ className?: string | undefined; hints: readonly any[]; hintsVisible?: number | undefined; }> & Readonly<{ children?: ReactNode; }>'.
             ...this.props.apiOptions,
             readOnly: false,
         };
@@ -135,7 +135,7 @@ class HintsRenderer extends React.Component<Props, State> {
     getSerializedState: () => any = () => {
         return _.times(this._hintsVisible(), (i) => {
             // eslint-disable-next-line react/no-string-refs
-            // @ts-expect-error [FEI-5003] - TS2339 - Property 'getSerializedState' does not exist on type 'ReactInstance'.
+            // @ts-expect-error - TS2339 - Property 'getSerializedState' does not exist on type 'ReactInstance'.
             return this.refs["hintRenderer" + i].getSerializedState();
         });
     };
@@ -164,7 +164,7 @@ class HintsRenderer extends React.Component<Props, State> {
             // have the appropriate number of hints visible already.
             if (hintRenderer) {
                 ++numCallbacks;
-                // @ts-expect-error [FEI-5003] - TS2339 - Property 'restoreSerializedState' does not exist on type 'ReactInstance'.
+                // @ts-expect-error - TS2339 - Property 'restoreSerializedState' does not exist on type 'ReactInstance'.
                 hintRenderer.restoreSerializedState(hintState, fireCallback);
             }
         });
@@ -196,10 +196,10 @@ class HintsRenderer extends React.Component<Props, State> {
                     ref={"hintRenderer" + i}
                     key={"hintRenderer" + i}
                     apiOptions={apiOptions}
-                    // @ts-expect-error [FEI-5003] - TS2339 - Property 'findExternalWidgets' does not exist on type 'Readonly<{ className?: string | undefined; hints: readonly any[]; hintsVisible?: number | undefined; }> & Readonly<{ children?: ReactNode; }>'.
+                    // @ts-expect-error - TS2339 - Property 'findExternalWidgets' does not exist on type 'Readonly<{ className?: string | undefined; hints: readonly any[]; hintsVisible?: number | undefined; }> & Readonly<{ children?: ReactNode; }>'.
                     findExternalWidgets={this.props.findExternalWidgets}
                     linterContext={PerseusLinter.pushContextStack(
-                        // @ts-expect-error [FEI-5003] - TS2339 - Property 'linterContext' does not exist on type 'Readonly<{ className?: string | undefined; hints: readonly any[]; hintsVisible?: number | undefined; }> & Readonly<{ children?: ReactNode; }>'.
+                        // @ts-expect-error - TS2339 - Property 'linterContext' does not exist on type 'Readonly<{ className?: string | undefined; hints: readonly any[]; hintsVisible?: number | undefined; }> & Readonly<{ children?: ReactNode; }>'.
                         this.props.linterContext,
                         "hints[" + i + "]",
                     )}
@@ -247,7 +247,7 @@ class HintsRenderer extends React.Component<Props, State> {
                 {hints}
                 {showGetAnotherHint && (
                     <button
-                        // @ts-expect-error [FEI-5003] - TS2322 - Type '{ children: Element[]; rel: string; className: string; onClick: (evt: MouseEvent<HTMLButtonElement, MouseEvent>) => void; }' is not assignable to type 'DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>'.
+                        // @ts-expect-error - TS2322 - Type '{ children: Element[]; rel: string; className: string; onClick: (evt: MouseEvent<HTMLButtonElement, MouseEvent>) => void; }' is not assignable to type 'DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>'.
                         rel="button"
                         className={css(
                             styles.linkButton,

package/src/init.ts

@@ -25,7 +25,7 @@ const init = function (options: PerseusOptions): Promise<undefined> {
     const skipMathJax = options.skipMathJax;
 
     if (skipMathJax) {
-        // @ts-expect-error [FEI-5003] - TS2322 - Type 'Promise<void>' is not assignable to type 'Promise<undefined>'.
+        // @ts-expect-error - TS2322 - Type 'Promise<void>' is not assignable to type 'Promise<undefined>'.
         return Promise.resolve();
     }
 

package/src/interaction-tracker.ts

@@ -9,15 +9,15 @@ function _noop() {}
  * Wrapper for the trackInteraction apiOption.
  */
 class InteractionTracker {
-    // @ts-expect-error [FEI-5003] - TS2564 - Property '_tracked' has no initializer and is not definitely assigned in the constructor.
+    // @ts-expect-error - TS2564 - Property '_tracked' has no initializer and is not definitely assigned in the constructor.
     _tracked: boolean;
-    // @ts-expect-error [FEI-5003] - TS2564 - Property 'setting' has no initializer and is not definitely assigned in the constructor.
+    // @ts-expect-error - TS2564 - Property 'setting' has no initializer and is not definitely assigned in the constructor.
     setting: Tracking;
     track: (extraData?: any) => void;
     trackApi: any;
-    // @ts-expect-error [FEI-5003] - TS2564 - Property 'widgetID' has no initializer and is not definitely assigned in the constructor.
+    // @ts-expect-error - TS2564 - Property 'widgetID' has no initializer and is not definitely assigned in the constructor.
     widgetID: string;
-    // @ts-expect-error [FEI-5003] - TS2564 - Property 'widgetType' has no initializer and is not definitely assigned in the constructor.
+    // @ts-expect-error - TS2564 - Property 'widgetType' has no initializer and is not definitely assigned in the constructor.
     widgetType: string;
 
     constructor(

package/src/interactive2/__tests__/movable-point.test.ts

@@ -53,7 +53,7 @@ describe("MovablePoint", function () {
         it("should snap to the grid when a snap is specified", function () {
             const point = createPoint({
                 coord: [1.1, 1.1],
-                // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
+                // @ts-expect-error - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
                 constraints: MovablePoint.constraints.snap([1, 1]),
             }).point;
 

package/src/interactive2/interactive-util.ts

@@ -27,7 +27,7 @@ function computePrefixedTransform(): string | null | undefined {
     let correctPrefix = null;
     _.each(prefixes, function (prefix) {
         if (typeof el.style[prefix] !== "undefined") {
-            // @ts-expect-error [FEI-5003] - TS2322 - Type 'string' is not assignable to type 'null'.
+            // @ts-expect-error - TS2322 - Type 'string' is not assignable to type 'null'.
             correctPrefix = prefix;
         }
     });
@@ -46,9 +46,9 @@ function computeCanUse3dTransform(): boolean {
     const prefix = InteractiveUtil.getPrefixedTransform();
 
     // Prefix could be null.
-    // @ts-expect-error [FEI-5003] - TS2538 - Type 'null' cannot be used as an index type. | TS2538 - Type 'undefined' cannot be used as an index type.
+    // @ts-expect-error - TS2538 - Type 'null' cannot be used as an index type. | TS2538 - Type 'undefined' cannot be used as an index type.
     el.style[prefix] = "translateZ(0px)";
-    // @ts-expect-error [FEI-5003] - TS2538 - Type 'null' cannot be used as an index type. | TS2538 - Type 'undefined' cannot be used as an index type.
+    // @ts-expect-error - TS2538 - Type 'null' cannot be used as an index type. | TS2538 - Type 'undefined' cannot be used as an index type.
     return !!el.style[prefix];
 }
 
@@ -134,7 +134,7 @@ const InteractiveUtil = {
      */
     getPrefixedTransform: function (): string | null | undefined {
         // Cache result to avoid re-computation
-        // @ts-expect-error [FEI-5003] - TS2322 - Type 'string | null | undefined' is not assignable to type 'null'.
+        // @ts-expect-error - TS2322 - Type 'string | null | undefined' is not assignable to type 'null'.
         prefixedTransform = prefixedTransform || computePrefixedTransform();
         return prefixedTransform;
     },
@@ -144,10 +144,10 @@ const InteractiveUtil = {
      */
     getCanUse3dTransform: function (): boolean {
         if (canUse3dTransform == null) {
-            // @ts-expect-error [FEI-5003] - TS2322 - Type 'boolean' is not assignable to type 'null'.
+            // @ts-expect-error - TS2322 - Type 'boolean' is not assignable to type 'null'.
             canUse3dTransform = computeCanUse3dTransform();
         }
-        // @ts-expect-error [FEI-5003] - TS2322 - Type 'null' is not assignable to type 'boolean'.
+        // @ts-expect-error - TS2322 - Type 'null' is not assignable to type 'boolean'.
         return canUse3dTransform;
     },
 } as const;

package/src/interactive2/movable-helper-methods.ts

@@ -145,10 +145,10 @@ const MovableHelperMethods: any = {
                 function (key) {
                     if (
                         getEventName(key) === eventName &&
-                        // @ts-expect-error [FEI-5003] - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
+                        // @ts-expect-error - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
                         this._listenerMap[key] > index
                     ) {
-                        // @ts-expect-error [FEI-5003] - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
+                        // @ts-expect-error - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
                         this._listenerMap[key]--;
                     }
                 },