@khanacademy/perseus 4.0.1 → 5.0.0

package/dist/es/index.js

@@ -413,8 +413,6 @@ class MathInput extends React.Component {
       // group. This will probably require ESCAPE key handling to enable to
       // close (blur) the button group in order to focus on next page element.
       if (!this.mouseDown &&
-      // $FlowFixMe[incompatible-use]
-      // $FlowFixMe[incompatible-call]
       // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'.
       !ReactDOM__default.findDOMNode(this).contains(e.relatedTarget)) {
         this.setState({
@@ -1235,7 +1233,7 @@ const _changeSingle = function _changeSingle(component, propName, value, callbac
  * this.change(propName) -> returns a lambda that takes a prop value to
  * set and a callback to call after having set that value.
  */
-// TODO(WEB-1727): use proper flow syntax for overloaded functions
+// TODO(WEB-1727): use proper TypeScript syntax for overloaded functions
 const change = function change(newPropsOrSinglePropName, propValue, callback) {
   if (_.isObject(newPropsOrSinglePropName) && callback === undefined) {
     // Called with an object of multiple props to change
@@ -1320,8 +1318,6 @@ class TextListEditor extends React.Component {
             // 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.
             this.refs["input_" + focusIndex]
-            // $FlowFixMe[incompatible-use]
-            // $FlowFixMe[prop-missing]
             // @ts-expect-error [FEI-5003] - TS2339 - Property 'focus' does not exist on type 'Element | Text'.
             ).focus();
           });
@@ -1357,8 +1353,6 @@ class TextListEditor extends React.Component {
             // 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.
             this.refs["input_" + focusIndex]
-            // $FlowFixMe[incompatible-use]
-            // $FlowFixMe[prop-missing]
             // @ts-expect-error [FEI-5003] - TS2339 - Property 'focus' does not exist on type 'Element | Text'.
             ).focus();
           });
@@ -1675,7 +1669,6 @@ const KhanMath = {
     }
     return true;
   },
-  // $FlowFixMe[incompatible-return]
   // @ts-expect-error [FEI-5003] - TS2366 - Function lacks ending return statement and return type does not include 'undefined'.
   getPrimeFactorization: function (number) {
     if (number === 1) {
@@ -1732,9 +1725,7 @@ const KhanMath = {
   // toFraction(0.666, 0.001) => [2, 3]
   //
   // tolerance can't be bigger than 1, sorry
-  toFraction: function (decimal,
-  // $FlowFixMe[incompatible-return]
-  tolerance) {
+  toFraction: function (decimal, tolerance) {
     if (tolerance == null) {
       tolerance = Math.pow(2, -46);
     }
@@ -2550,6 +2541,8 @@ const insertBraces = value => {
 class Expression extends React.Component {
   constructor(..._args) {
     super(..._args);
+    this._isMounted = false;
+    this.errorTimeout = null;
     this.displayName = "Expression";
     this.state = {
       showErrorTooltip: false,
@@ -2596,8 +2589,6 @@ class Expression extends React.Component {
       clearTimeout(this.errorTimeout);
       this._isMounted = false;
     };
-    this._isMounted = false;
-    this.errorTimeout = null;
     this.simpleValidate = (rubric, onInputError) => {
       onInputError = onInputError || function () {};
       return Expression.validate(this.getUserInput(), rubric, onInputError);
@@ -2837,7 +2828,7 @@ class Expression extends React.Component {
           var _this$props$keypadEle;
           // this.props.keypadElement should always be set
           // when apiOptions.customKeypad is set, but how
-          // to convince Flow of this?
+          // to convince TypeScript of this?
           (_this$props$keypadEle = this.props.keypadElement) == null ? void 0 : _this$props$keypadEle.configure(this.props.keypadConfiguration, () => {
             if (this._isMounted) {
               this._handleFocus();
@@ -4166,16 +4157,10 @@ Zoom.prototype._calculateZoom = function () {
   // Zoom to fit the viewport.
   const imageAspectRatio = originalFullImageWidth / originalFullImageHeight;
   const viewportAspectRatio = viewportWidth / viewportHeight;
-  if (
-  // $FlowFixMe[invalid-compare]
-  originalFullImageWidth < viewportWidth &&
-  // $FlowFixMe[invalid-compare]
-  originalFullImageHeight < viewportHeight) {
+  if (originalFullImageWidth < viewportWidth && originalFullImageHeight < viewportHeight) {
     this._imgScaleFactor = maxScaleFactor;
   } else if (imageAspectRatio < viewportAspectRatio) {
-    this._imgScaleFactor =
-    // $FlowFixMe[unsafe-addition]
-    viewportHeight / originalFullImageHeight * maxScaleFactor;
+    this._imgScaleFactor = viewportHeight / originalFullImageHeight * maxScaleFactor;
   } else {
     this._imgScaleFactor = viewportWidth / (originalFullImageWidth != null ? originalFullImageWidth : 0) * maxScaleFactor;
   }
@@ -4508,7 +4493,6 @@ const FixedToResponsive = createReactClass({
     // Based on http://refills.bourbon.io/components/#video && medium.com
     const spacer = /*#__PURE__*/React.createElement("div", {
       style: {
-        // $FlowFixMe[unsafe-addition]
         // @ts-expect-error [FEI-5003] - TS2362 - The left-hand side of an arithmetic operation must be of type 'any', 'number', 'bigint' or an enum type.
         paddingBottom: (1 / aspectRatio).toFixed(4) * 100 + "%"
       }
@@ -10007,7 +9991,7 @@ GraphUtils.createGraphie = function (el) {
      *                         the function at i
      * @param  {[]} rangeArray array of ranges over which the
      *                         corresponding functions are defined
-     * @return {Raphael set}
+     * @return {Set<any>}      set of paths
      */
     plotPiecewise: function (fnArray, rangeArray) {
       const paths = raphael$1.set();
@@ -10029,8 +10013,8 @@ GraphUtils.createGraphie = function (el) {
      * return a Raphael set of Raphael circle objects at those
      * coordinates
      *
-     * @param  {Array of arrays} endpointArray
-     * @return {Raphael set}
+     * @param  {Array<[number, number]>} endpointArray
+     * @return {Set<any>} set of circles
      */
     plotEndpointCircles: function (endpointArray) {
       const circles = raphael$1.set();
@@ -13556,9 +13540,7 @@ function Protractor(graph, center) {
     const time = Math.abs(this.rotation - angle) * 5;
     $({
       0: this.rotation
-    }).animate(
-    // $FlowFixMe[unsupported-syntax]
-    {
+    }).animate({
       0: angle
     }, {
       duration: time,
@@ -13611,11 +13593,8 @@ function Ruler(graphie, options) {
   if (options.ticksPerUnit === 10) {
     // decimal, as on a centimeter ruler
     tickHeightMap = {
-      // $FlowFixMe[unsupported-syntax]
       10: tickHeight,
-      // $FlowFixMe[unsupported-syntax]
       5: tickHeight * 0.55,
-      // $FlowFixMe[unsupported-syntax]
       1: tickHeight * 0.35
     };
   } else {
@@ -17713,12 +17692,8 @@ Zoomable.defaultProps = {
   computeChildBounds: parentNode => {
     const firstChild = parentNode.firstElementChild;
     return {
-      // $FlowFixMe[incompatible-use]
-      // $FlowFixMe[prop-missing]
       // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'. | TS2339 - Property 'offsetWidth' does not exist on type 'Element'.
       width: firstChild.offsetWidth,
-      // $FlowFixMe[incompatible-use]
-      // $FlowFixMe[prop-missing]
       // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'. | TS2339 - Property 'offsetHeight' does not exist on type 'Element'.
       height: firstChild.offsetHeight
     };
@@ -17733,10 +17708,8 @@ Zoomable.defaultProps = {
 const computeMathBounds = (parentNode, parentBounds) => {
   const textElement = parentNode.querySelector(".katex-html") || parentNode.querySelector(".MathJax");
   const textBounds = {
-    // $FlowFixMe[incompatible-use]
     // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'. | TS2339 - Property 'offsetWidth' does not exist on type 'Element'.
     width: textElement.offsetWidth,
-    // $FlowFixMe[incompatible-use]
     // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'. | TS2339 - Property 'offsetHeight' does not exist on type 'Element'.
     height: textElement.offsetHeight
   };
@@ -18660,11 +18633,8 @@ var PerseusMarkdown = {
   parse: parse$3,
   parseInline: inlineParser,
   reactFor: SimpleMarkdown.reactFor,
-  // $FlowFixMe[incompatible-use]
   ruleOutput: SimpleMarkdown.ruleOutput(rules$1, "react"),
-  basicOutput: SimpleMarkdown.reactFor(
-  // $FlowFixMe[incompatible-use]
-  SimpleMarkdown.ruleOutput(rules$1, "react")),
+  basicOutput: SimpleMarkdown.reactFor(SimpleMarkdown.ruleOutput(rules$1, "react")),
   sanitizeUrl: SimpleMarkdown.sanitizeUrl
 };
 
@@ -19103,7 +19073,7 @@ const validAlignments = ["block", "inline-block", "inline", "float-left", "float
  * invalid.
  */
 // TODO(alex): Change this to run as a testcase (vs. being run at runtime)
-// TODO(LP-10707): I think this can be completely removed because our Flow types
+// TODO(LP-10707): I think this can be completely removed because our TypeScript types
 // enforce this!
 const validateAlignments = () => {
   _.each(widgets, function (widgetInfo) {
@@ -19469,10 +19439,8 @@ class Renderer extends React.Component {
       let interactionTracker = this._interactionTrackers[id];
       if (!interactionTracker) {
         interactionTracker = this._interactionTrackers[id] = new InteractionTracker(apiOptions.trackInteraction,
-        // $FlowFixMe[incompatible-call]
         // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'string | null | undefined' is not assignable to parameter of type 'string'.
         widgetInfo && widgetInfo.type, id,
-        // $FlowFixMe[incompatible-call]
         // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'string | null | undefined' is not assignable to parameter of type 'string'.
         getTracking(widgetInfo && widgetInfo.type));
       }
@@ -19779,7 +19747,7 @@ class Renderer extends React.Component {
           const isString = typeof nodeOut === "string";
           if (typeof nodeOut === "string" && lastWasString) {
             /**
-             * We know that last was string, but Flow can't see this
+             * We know that last was string, but TypeScript can't see this
              * refinement.
              */
             result[result.length - 1] += nodeOut;
@@ -19933,7 +19901,6 @@ class Renderer extends React.Component {
           setAssetStatus
         }) => /*#__PURE__*/React.createElement(SvgImage, _extends({
           setAssetStatus: setAssetStatus
-          /* $FlowFixMe[incompatible-type]: sanitizeUrl() can return null */
           // @ts-expect-error [FEI-5003] - TS2322 - Type 'string | null | undefined' is not assignable to type 'string | undefined'.
           ,
           src: PerseusMarkdown.sanitizeUrl(node.target),
@@ -21829,8 +21796,7 @@ NumericInput.defaultProps = {
   coefficient: false,
   answerForms: [],
   labelText: "",
-  linterContext: linterContextDefault,
-  multipleNumberInput: false
+  linterContext: linterContextDefault
 };
 const unionAnswerForms = function unionAnswerForms(answerFormsList) {
   // Takes a list of lists of answer forms, and returns a list of the forms
@@ -23274,7 +23240,7 @@ const BaseRadio = function BaseRadio(props) {
     aphroditeClassName(true);
     let correctnessClass;
     // reviewMode is only true if there's a rubric
-    // but Flow doesn't understand that
+    // but TypeScript doesn't understand that
     if (reviewMode && reviewModeRubric) {
       correctnessClass = reviewModeRubric.choices[i].correct ? ClassNames.CORRECT : ClassNames.INCORRECT;
     }
@@ -23787,9 +23753,7 @@ class Radio$1 extends React.Component {
       };
     });
     return /*#__PURE__*/React.createElement(BaseRadio, {
-      labelWrap: true
-      // @ts-expect-error [FEI-5003] - TS2322 - Type 'boolean | undefined' is not assignable to type 'boolean'.
-      ,
+      labelWrap: true,
       multipleSelect: this.props.multipleSelect,
       countChoices: this.props.countChoices,
       numCorrect: this.props.numCorrect,
@@ -25018,7 +24982,6 @@ class GradedGroup extends React.Component {
     }
     const mobileClass = this.props.inGradedGroupSet ? css(styles$l.gradedGroupInSet) : css(styles$l.gradedGroup);
     const classes = classNames({
-      // $FlowFixMe[invalid-computed-prop]
       [mobileClass]: apiOptions.isMobile,
       "perseus-graded-group": true,
       "answer-correct": apiOptions.isMobile ? false : this.state.status === GRADING_STATUSES.correct,
@@ -25271,7 +25234,6 @@ class GradedGroupSet extends React.Component {
           /*#__PURE__*/
           // TODO(jeremy): Don't spread this.props, instead
           // pass in all props GradedGroup needs explicilty
-          // $FlowFixMe[prop-missing]
           // @ts-expect-error [FEI-5003] - TS2769 - No overload matches this call.
           React.createElement(GradedGroup, _extends({
             key: i
@@ -25310,12 +25272,8 @@ class GradedGroupSet extends React.Component {
       ref: comp => this._childGroup = comp
       // We should pass in the set of props explicitly
     }, this.props, currentGroup, {
-      inGradedGroupSet: true
-      // $FlowFixMe[incompatible-type]
-      ,
-      title: null
-      // $FlowFixMe[incompatible-type]
-      ,
+      inGradedGroupSet: true,
+      title: null,
       onNextQuestion: handleNextQuestion,
       linterContext: this.props.linterContext
     })));
@@ -25588,7 +25546,6 @@ const Linear = _.extend({}, PlotDefaults, {
 const Quadratic = _.extend({}, PlotDefaults, {
   url: "https://ka-perseus-graphie.s3.amazonaws.com/e23d36e6fc29ee37174e92c9daba2a66677128ab.png",
   defaultCoords: [[0.5, 0.5], [0.75, 0.75]],
-  // $FlowFixMe[prop-missing]
   // @ts-expect-error [FEI-5003] - TS2339 - Property 'Parabola' does not exist on type 'typeof Graphie'.
   Movable: Graphie.Parabola,
   getCoefficients: function (coords) {
@@ -25629,7 +25586,6 @@ const Quadratic = _.extend({}, PlotDefaults, {
 const Sinusoid = _.extend({}, PlotDefaults, {
   url: "https://ka-perseus-graphie.s3.amazonaws.com/3d68e7718498475f53b206c2ab285626baf8857e.png",
   defaultCoords: [[0.5, 0.5], [0.6, 0.6]],
-  // $FlowFixMe[prop-missing]
   // @ts-expect-error [FEI-5003] - TS2339 - Property 'Sinusoid' does not exist on type 'typeof Graphie'.
   Movable: Graphie.Sinusoid,
   getCoefficients: function (coords) {
@@ -25869,7 +25825,7 @@ const functionTypeMapping = {
 const allTypes = _.keys(functionTypeMapping);
 function functionForType(
 // TODO(jeremy): Actually `$Keys<typeof functionTypeMapping>` but that
-// triggers Flow to require all of our Plot types to be fully typed which
+// triggers TypeScript to require all of our Plot types to be fully typed which
 // is a big amount of work/change.
 type) {
   return functionTypeMapping[type];
@@ -26113,10 +26069,8 @@ class FunctionGrapher extends React.Component {
           });
         },
         constraints: [
-        // $FlowFixMe[prop-missing]
         // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
         Interactive2.MovableLine.constraints.bound(),
-        // $FlowFixMe[prop-missing]
         // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
         Interactive2.MovableLine.constraints.snap(), (newCoord, oldCoord) => {
           // Calculate and apply proposed displacement
@@ -26150,10 +26104,8 @@ class FunctionGrapher extends React.Component {
         coord: coord,
         static: this.props.static,
         constraints: [
-        // $FlowFixMe[prop-missing]
         // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
         Interactive2.MovablePoint.constraints.bound(),
-        // $FlowFixMe[prop-missing]
         // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
         Interactive2.MovablePoint.constraints.snap(), coord => {
           // Always enforce that this is a function
@@ -26211,7 +26163,6 @@ class FunctionGrapher extends React.Component {
       // @ts-expect-error [FEI-5003] - TS2322 - Type 'Element' is not assignable to type 'null'.
       image =
       /*#__PURE__*/
-      // $FlowFixMe[prop-missing]: alt props is missing
       // @ts-expect-error [FEI-5003] - TS2741 - Property 'alt' is missing in type '{ src: any; width: any; height: any; scale: number; }' but required in type 'Pick<Readonly<Props> & Readonly<{ children?: ReactNode; }>, "children" | "height" | "width" | "title" | "alt" | "trackInteraction" | "preloader" | "allowFullBleed" | "extraGraphie" | "overrideAriaHidden">'.
       React.createElement(SvgImage, {
         src: imageDescription.url,
@@ -27091,9 +27042,7 @@ class Interaction extends React.Component {
             functions: this.state.functions
           });
           compiledVars[name] = function (x) {
-            return func(
-            // $FlowFixMe[extra-arg]
-            _.extend({}, compiledVars, {
+            return func(_.extend({}, compiledVars, {
               x: x
             }));
           };
@@ -27804,7 +27753,6 @@ class Graph extends React.Component {
       const scale = this.props.box[0] / interactiveSizes$1.defaultBoxSize;
       image =
       /*#__PURE__*/
-      // $FlowFixMe[prop-missing]: `alt` is missing
       // @ts-expect-error [FEI-5003] - TS2741 - Property 'alt' is missing in type '{ src: any; width: any; height: any; scale: number; responsive: false; }' but required in type 'Pick<Readonly<Props> & Readonly<{ children?: ReactNode; }>, "children" | "height" | "width" | "title" | "alt" | "trackInteraction" | "preloader" | "allowFullBleed" | "extraGraphie" | "overrideAriaHidden">'.
       React.createElement(SvgImage, {
         src: imageData.url,
@@ -27822,15 +27770,12 @@ class Graph extends React.Component {
         width: this.props.box[0],
         height: this.props.box[1]
       }
-      // $FlowFixMe[prop-missing]: This can probably be removed
       // @ts-expect-error [FEI-5003] - TS2339 - Property 'onMouseOut' does not exist on type 'Graph'.
       ,
       onMouseOut: this.onMouseOut
-      // $FlowFixMe[prop-missing]: This can probably be removed
       // @ts-expect-error [FEI-5003] - TS2339 - Property 'onMouseOver' does not exist on type 'Graph'.
       ,
       onMouseOver: this.onMouseOver
-      // $FlowFixMe[prop-missing]: This can probably be removed
       // @ts-expect-error [FEI-5003] - TS2339 - Property 'onClick' does not exist on type 'Graph'.
       ,
       onClick: this.onClick
@@ -28324,10 +28269,8 @@ class InteractiveGraph extends React.Component {
         return Interactive2.addMaybeMobileMovablePoint(this, {
           coord: coord,
           constraints: [
-          // $FlowFixMe[prop-missing]
           // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
           Interactive2.MovablePoint.constraints.bound(),
-          // $FlowFixMe[prop-missing]
           // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
           Interactive2.MovablePoint.constraints.snap()],
           onMove: () => {
@@ -28385,7 +28328,6 @@ class InteractiveGraph extends React.Component {
       }
       const onMoveHandler = () => {
         const graph = _.extend({}, this.props.graph, {
-          // $FlowFixMe[incompatible-use]
           // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'. | TS2531 - Object is possibly 'null'. | TS2531 - Object is possibly 'null'.
           coords: [pointA.coord(), pointB.coord(), pointC.coord()]
         });
@@ -28402,17 +28344,13 @@ class InteractiveGraph extends React.Component {
       pointA = this.pointA = Interactive2.addMaybeMobileMovablePoint(this, {
         coord: coords[0],
         constraints: [
-        // $FlowFixMe[prop-missing]
         // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
         Interactive2.MovablePoint.constraints.bound(),
-        // $FlowFixMe[prop-missing]
         // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
         Interactive2.MovablePoint.constraints.snap(), coord => {
           return !pointA ||
-          // $FlowFixMe[incompatible-use]
           // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'.
           coord[0] !== pointB.coord()[0] &&
-          // $FlowFixMe[incompatible-use]
           // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'.
           coord[0] !== pointC.coord()[0];
         }],
@@ -28426,17 +28364,13 @@ class InteractiveGraph extends React.Component {
       pointB = this.pointB = Interactive2.addMaybeMobileMovablePoint(this, {
         coord: coords[1],
         constraints: [
-        // $FlowFixMe[prop-missing]
         // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
         Interactive2.MovablePoint.constraints.bound(),
-        // $FlowFixMe[prop-missing]
         // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
         Interactive2.MovablePoint.constraints.snap(), coord => {
           return !pointB ||
-          // $FlowFixMe[incompatible-use]
           // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'.
           coord[0] !== pointA.coord()[0] &&
-          // $FlowFixMe[incompatible-use]
           // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'.
           coord[0] !== pointC.coord()[0];
         }],
@@ -28450,17 +28384,13 @@ class InteractiveGraph extends React.Component {
       pointC = this.pointC = Interactive2.addMaybeMobileMovablePoint(this, {
         coord: coords[2],
         constraints: [
-        // $FlowFixMe[prop-missing]
         // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
         Interactive2.MovablePoint.constraints.bound(),
-        // $FlowFixMe[prop-missing]
         // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
         Interactive2.MovablePoint.constraints.snap(), coord => {
           return !pointC ||
-          // $FlowFixMe[incompatible-use]
           // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'.
           coord[0] !== pointA.coord()[0] &&
-          // $FlowFixMe[incompatible-use]
           // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'.
           coord[0] !== pointB.coord()[0];
         }],
@@ -28515,7 +28445,6 @@ class InteractiveGraph extends React.Component {
       }
       const onMoveHandler = () => {
         const graph = _.extend({}, this.props.graph, {
-          // $FlowFixMe[incompatible-use]
           // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'.
           coords: [pointA.coord(), pointB.coord()]
         });
@@ -28532,10 +28461,8 @@ class InteractiveGraph extends React.Component {
       pointA = this.pointA = Interactive2.addMaybeMobileMovablePoint(this, {
         coord: coords[0],
         constraints: [
-        // $FlowFixMe[prop-missing]
         // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
         Interactive2.MovablePoint.constraints.bound(),
-        // $FlowFixMe[prop-missing]
         // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
         Interactive2.MovablePoint.constraints.snap(), coord => {
           return !pointA || coord[0] !== pointB.coord()[0];
@@ -28545,10 +28472,8 @@ class InteractiveGraph extends React.Component {
       const pointB = this.pointB = Interactive2.addMaybeMobileMovablePoint(this, {
         coord: coords[1],
         constraints: [
-        // $FlowFixMe[prop-missing]
         // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
         Interactive2.MovablePoint.constraints.bound(),
-        // $FlowFixMe[prop-missing]
         // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
         Interactive2.MovablePoint.constraints.snap(), coord => {
           // @ts-expect-error [FEI-5003] - TS2339 - Property 'coord' does not exist on type 'never'.
@@ -28608,9 +28533,7 @@ class InteractiveGraph extends React.Component {
       });
       $(circle).on("move", () => {
         const graph = _.extend({}, this.props.graph, {
-          // $FlowFixMe[incompatible-use]
           center: circle.center,
-          // $FlowFixMe[incompatible-use]
           radius: circle.radius
         });
         this.onChange({
@@ -28637,10 +28560,8 @@ class InteractiveGraph extends React.Component {
           segmentPoints.push(Interactive2.addMaybeMobileMovablePoint(this, {
             coord: coord,
             constraints: [
-            // $FlowFixMe[prop-missing]
             // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
             Interactive2.MovablePoint.constraints.bound(),
-            // $FlowFixMe[prop-missing]
             // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
             Interactive2.MovablePoint.constraints.snap(), coord => {
               const otherSegment = segmentPoints[1 - i];
@@ -28691,12 +28612,7 @@ class InteractiveGraph extends React.Component {
       }
       const graphie = this.graphie;
       const screenPoint = graphie == null ? void 0 : graphie.scalePoint(coord);
-      return (
-        // $FlowFixMe[incompatible-use]
-        screenPoint[0] >= graphie.xpixels - 40 &&
-        // $FlowFixMe[incompatible-use]
-        screenPoint[1] >= graphie.ypixels - 40
-      );
+      return screenPoint[0] >= graphie.xpixels - 40 && screenPoint[1] >= graphie.ypixels - 40;
     };
     this.createPointForPointsType = (coord, i) => {
       const self = this;
@@ -28723,10 +28639,8 @@ class InteractiveGraph extends React.Component {
       point$1 = Interactive2.addMaybeMobileMovablePoint(this, _extends({
         coord: coord,
         constraints: [
-        // $FlowFixMe[prop-missing]
         // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
         Interactive2.MovablePoint.constraints.bound(),
-        // $FlowFixMe[prop-missing]
         // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
         Interactive2.MovablePoint.constraints.snap(), function (coord) {
           // TODO(jack): There ought to be a
@@ -29013,10 +28927,8 @@ class InteractiveGraph extends React.Component {
       const point$1 = Interactive2.addMaybeMobileMovablePoint(this, _extends({
         coord: coord,
         constraints: [
-        // $FlowFixMe[prop-missing]
         // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
         Interactive2.MovablePoint.constraints.bound(), snapToGrid ?
-        // $FlowFixMe[prop-missing]
         // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
         Interactive2.MovablePoint.constraints.snap() : null, graphConstraint],
         onMoveStart: () => {
@@ -29111,10 +29023,8 @@ class InteractiveGraph extends React.Component {
           points.push(createPoint({
             coord: coord,
             constraints: [
-            // $FlowFixMe[prop-missing]
             // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
             Interactive2.MovablePoint.constraints.bound(),
-            // $FlowFixMe[prop-missing]
             // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
             Interactive2.MovablePoint.constraints.snap(), coord => {
               const otherPoint = points[1 - _i];
@@ -29136,14 +29046,11 @@ class InteractiveGraph extends React.Component {
           points: points,
           static: false,
           constraints: [
-          // $FlowFixMe[prop-missing]
           // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
           Interactive2.MovableLine.constraints.bound(),
-          // $FlowFixMe[prop-missing]
           // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
           Interactive2.MovableLine.constraints.snap()],
           onMove: [
-          // $FlowFixMe[prop-missing]
           // @ts-expect-error [FEI-5003] - TS2339 - Property 'onMove' does not exist on type '(graphie: any, movable: any, options: any) => void'.
           Interactive2.MovableLine.onMove.updatePoints, updateCoordProps],
           normalStyle: _extends({
@@ -29236,10 +29143,8 @@ class InteractiveGraph extends React.Component {
         const self = this;
         self.polygon = Interactive2.addMovablePolygon(graphie, {
           constraints: [
-          // $FlowFixMe[prop-missing]
           // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => undefined'.
           Interactive2.MovablePolygon.constraints.bound(), snapToGrid ?
-          // $FlowFixMe[prop-missing]
           // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => undefined'.
           Interactive2.MovablePolygon.constraints.snap() : null],
           closed: closed,
@@ -29249,7 +29154,6 @@ class InteractiveGraph extends React.Component {
           numArcs: numArcs,
           sideLabels: sideLabels,
           onMove: [
-          // $FlowFixMe[prop-missing]
           // @ts-expect-error [FEI-5003] - TS2339 - Property 'onMove' does not exist on type '(graphie: any, movable: any, options: any) => undefined'.
           Interactive2.MovablePolygon.onMove.updatePoints, function () {
             // @ts-expect-error [FEI-5003] - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
@@ -29479,7 +29383,6 @@ class InteractiveGraph extends React.Component {
    */
   static getLineCoords(graph, props) {
     return (
-      // $FlowFixMe[incompatible-return]
       // @ts-expect-error [FEI-5003] - TS2339 - Property 'coords' does not exist on type 'PerseusGraphType'.
       graph.coords || InteractiveGraph.pointsFromNormalized(props, [[0.25, 0.75], [0.75, 0.75]])
     );
@@ -29534,7 +29437,6 @@ class InteractiveGraph extends React.Component {
   static getLinearSystemCoords(graph, props) {
     return (
       // The callers assume that we're return an array of points
-      // $FlowFixMe[incompatible-return]
       // @ts-expect-error [FEI-5003] - TS2339 - Property 'coords' does not exist on type 'PerseusGraphType'.
       graph.coords || _.map([[[0.25, 0.75], [0.75, 0.75]], [[0.25, 0.25], [0.75, 0.25]]], coords => {
         // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'number[][]' is not assignable to parameter of type 'readonly Coord[]'.
@@ -29590,17 +29492,11 @@ class InteractiveGraph extends React.Component {
     const n = graph.numSegments || 1;
     // @ts-expect-error [FEI-5003] - TS2322 - Type 'number[] | undefined' is not assignable to type 'readonly number[]'.
     const ys = {
-      // $FlowFixMe[unsupported-syntax]
       1: [5],
-      // $FlowFixMe[unsupported-syntax]
       2: [5, -5],
-      // $FlowFixMe[unsupported-syntax]
       3: [5, 0, -5],
-      // $FlowFixMe[unsupported-syntax]
       4: [6, 2, -2, -6],
-      // $FlowFixMe[unsupported-syntax]
       5: [6, 3, 0, -3, -6],
-      // $FlowFixMe[unsupported-syntax]
       6: [5, 3, 1, -1, -3, -5]
     }[n];
     const range = [[-10, 10], [-10, 10]];
@@ -29804,7 +29700,6 @@ class InteractiveGraph extends React.Component {
         // If both of the guess points are on the correct line, it's
         // correct.
         if (
-        // $FlowFixMe[incompatible-use] - Fix type so coords can't be omitted
         // @ts-expect-error [FEI-5003] - TS2532 - Object is possibly 'undefined'. | TS2532 - Object is possibly 'undefined'.
         collinear(correct[0], correct[1], guess[0]) &&
         // @ts-expect-error [FEI-5003] - TS2532 - Object is possibly 'undefined'. | TS2532 - Object is possibly 'undefined'.
@@ -29831,8 +29726,6 @@ class InteractiveGraph extends React.Component {
         // If the parabola coefficients match, it's correct.
         const guessCoeffs = this.getQuadraticCoefficients(state.coords);
         const correctCoeffs = this.getQuadraticCoefficients(
-        // $FlowFixMe[incompatible-call]
-        // $FlowFixMe[prop-missing]
         // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'readonly Coord[] | undefined' is not assignable to parameter of type 'readonly Coord[]'.
         rubric.correct.coords);
         if (deepEq$2(guessCoeffs, correctCoeffs)) {
@@ -29846,8 +29739,6 @@ class InteractiveGraph extends React.Component {
       } else if (state.type === "sinusoid" && rubric.correct.type === "sinusoid" && state.coords != null) {
         const guessCoeffs = this.getSinusoidCoefficients(state.coords);
         const correctCoeffs = this.getSinusoidCoefficients(
-        // $FlowFixMe[incompatible-call]
-        // $FlowFixMe[prop-missing]
         // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'readonly Coord[] | undefined' is not assignable to parameter of type 'readonly Coord[]'.
         rubric.correct.coords);
         const canonicalGuessCoeffs = canonicalSineCoefficients(guessCoeffs);
@@ -29862,9 +29753,7 @@ class InteractiveGraph extends React.Component {
           };
         }
       } else if (state.type === "circle" && rubric.correct.type === "circle") {
-        if (deepEq$2(state.center, rubric.correct.center) &&
-        // $FlowFixMe[prop-missing]
-        eq(state.radius, rubric.correct.radius)) {
+        if (deepEq$2(state.center, rubric.correct.center) && eq(state.radius, rubric.correct.radius)) {
           return {
             type: "points",
             earned: 1,
@@ -29937,10 +29826,8 @@ class InteractiveGraph extends React.Component {
         const guess = state.coords;
         const correct = rubric.correct.coords;
         if (
-        // $FlowFixMe[incompatible-use]
         // @ts-expect-error [FEI-5003] - TS2532 - Object is possibly 'undefined'.
         deepEq$2(guess[0], correct[0]) &&
-        // $FlowFixMe[incompatible-use]
         // @ts-expect-error [FEI-5003] - TS2532 - Object is possibly 'undefined'. | TS2532 - Object is possibly 'undefined'.
         collinear(correct[0], correct[1], guess[1])) {
           return {
@@ -29970,13 +29857,10 @@ class InteractiveGraph extends React.Component {
         } else {
           /* exact */
           match =
-          // $FlowFixMe[incompatible-use]
           // @ts-expect-error [FEI-5003] - TS2532 - Object is possibly 'undefined'. | TS2532 - Object is possibly 'undefined'.
           deepEq$2(guess[1], correct[1]) &&
-          // $FlowFixMe[incompatible-use]
           // @ts-expect-error [FEI-5003] - TS2532 - Object is possibly 'undefined'. | TS2532 - Object is possibly 'undefined'. | TS2532 - Object is possibly 'undefined'.
           collinear(correct[1], correct[0], guess[0]) &&
-          // $FlowFixMe[incompatible-use]
           // @ts-expect-error [FEI-5003] - TS2532 - Object is possibly 'undefined'. | TS2532 - Object is possibly 'undefined'. | TS2532 - Object is possibly 'undefined'.
           collinear(correct[1], correct[2], guess[2]);
         }
@@ -30015,7 +29899,6 @@ InteractiveGraph.defaultProps = {
   labels: ["x", "y"],
   range: [[-10, 10], [-10, 10]],
   step: [1, 1],
-  // $FlowFixMe[prop-missing]
   // @ts-expect-error [FEI-5003] - TS2739 - Type '{ readonly url: null; }' is missing the following properties from type 'PerseusImageBackground': width, height
   backgroundImage: defaultBackgroundImage$1,
   markings: "graph",
@@ -31697,7 +31580,7 @@ class LabelImage extends React.Component {
     this.handleDocumentClick = e => {
       // Dismiss open popup with answer choices if user clicks outside it.
       if (this._selectedMarkerPopup && this._answerChoices) {
-        const answerChoices = ReactDOM__default.findDOMNode(this._answerChoices);
+        const answerChoices = ReactDOM.findDOMNode(this._answerChoices);
         const targetElement = e.target;
         // HACK(michaelpolyak): We want to determine if the click target is
         // contained within the popup layer. As there's no public interface
@@ -31788,7 +31671,7 @@ class LabelImage extends React.Component {
       // Set focus on the just-deselected-marker, to enable to resume
       // navigating between the markers using the keyboard.
       if (marker) {
-        ReactDOM__default.findDOMNode(marker).focus();
+        ReactDOM.findDOMNode(marker).focus();
       }
     });
   }
@@ -31878,7 +31761,7 @@ class LabelImage extends React.Component {
     // @ts-expect-error [FEI-5003] - TS2345 - Argument of type '{ x: number; y: number; } | { x: number; y: number; } | { x: number; y: number; } | { x: number; y: number; }' is not assignable to parameter of type 'Direction'.
     navigateDirection, markers, index)];
     if (marker) {
-      ReactDOM__default.findDOMNode(marker).focus();
+      ReactDOM.findDOMNode(marker).focus();
     }
   }
   handleAnswerChoicesChangeForMarker(index, selection) {
@@ -33327,8 +33210,6 @@ class NumberInput extends React.Component {
     };
     this.getValue = () => {
       return this.parseInputValue(
-      // $FlowFixMe[incompatible-use]
-      // $FlowFixMe[prop-missing]
       // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'. | TS2339 - Property 'value' does not exist on type 'Element | Text'.
       ReactDOM__default.findDOMNode(this.refs.input).value // eslint-disable-line react/no-string-refs
       );
@@ -35141,14 +35022,10 @@ const TickMarks = Graphie.createSimpleClass((graphie, props) => {
   // Render the text labels
   results.push(graphie.style(props.isMobile ? {
     color: KhanColors.BLUE_D
-  } : {},
-  // $FlowFixMe[incompatible-call]
-  () => _label(graphie, props.labelStyle, leftLabel, leftLabel, base)));
+  } : {}, () => _label(graphie, props.labelStyle, leftLabel, leftLabel, base)));
   results.push(graphie.style(props.isMobile ? {
     color: KhanColors.BLUE_D
-  } : {}, () =>
-  // $FlowFixMe[incompatible-call]
-  _label(graphie, props.labelStyle, rightLabel, rightLabel, base)));
+  } : {}, () => _label(graphie, props.labelStyle, rightLabel, rightLabel, base)));
 
   // Render the labels' lines
   graphie.style({
@@ -35830,10 +35707,7 @@ class Orderer extends React.Component {
         current: list,
         dragging: true,
         placeholderIndex: placeholderIndex,
-        // $FlowFixMe[prop-missing]
-        // $FlowFixMe[incompatible-use]
         dragKey: opt.key,
-        // $FlowFixMe[incompatible-use]
         dragContent: opt.content,
         // @ts-expect-error [FEI-5003] - TS2339 - Property 'width' does not exist on type 'JQueryStatic'.
         dragWidth: $draggable.width(),
@@ -37169,7 +37043,7 @@ class SelectionTracker extends React.PureComponent {
     }
 
     // NOTE(mdr): The focus node is guaranteed to exist, because
-    //     there's a range, but the Flow type annotations for
+    //     there's a range, but the type annotations for
     //     Selection don't know that. Cast it ourselves.
     const focusNode = selection.focusNode;
     const focusOffset = selection.focusOffset;
@@ -37291,23 +37165,8 @@ class HighlightingUI extends React.PureComponent {
       zIndexes: this.props.zIndexes
     }), this._selectionIsValid(trackedSelection) && !userIsMouseSelecting && /*#__PURE__*/React.createElement(HighlightTooltip, {
       label: i18n._("Add highlight"),
-      onClick: () => this._handleAddHighlight(
-      // TODO(mdr): We found a new Flow error when upgrading:
-      //     "proposedHighlight (Cannot get `trackedSelection.proposedHighlight` because property `proposedHighlight` is missing in null or undefined [1].)"
-      // $FlowFixMe[incompatible-use](0.57.3->0.75.0)
-      // @ts-expect-error [FEI-5003] - TS2533 - Object is possibly 'null' or 'undefined'.
-      trackedSelection.proposedHighlight)
-      // TODO(mdr): We found a new Flow error when upgrading:
-      //     "focusNode (Cannot get `trackedSelection.focusNode` because property `focusNode` is missing in null or undefined [1].)"
-      // $FlowFixMe[incompatible-use](0.57.3->0.75.0)
-      // @ts-expect-error [FEI-5003] - TS2533 - Object is possibly 'null' or 'undefined'.
-      ,
-      focusNode: trackedSelection.focusNode
-      // TODO(mdr): We found a new Flow error when upgrading:
-      //     "focusOffset (Cannot get `trackedSelection.focusOffset` because property `focusOffset` is missing in null or undefined [1].)"
-      // $FlowFixMe[incompatible-use](0.57.3->0.75.0)
-      // @ts-expect-error [FEI-5003] - TS2533 - Object is possibly 'null' or 'undefined'.
-      ,
+      onClick: () => this._handleAddHighlight(trackedSelection.proposedHighlight),
+      focusNode: trackedSelection.focusNode,
       focusOffset: trackedSelection.focusOffset,
       offsetParent: this.props.offsetParent
     })));
@@ -37394,11 +37253,7 @@ class WordIndexer extends React.PureComponent {
         let newTrailingWordRange = null;
         // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'string | null' is not assignable to parameter of type 'string'.
         while ((wordMatch = wordPattern.exec(text)) !== null) {
-          // TODO(mdr): We found a new Flow error when upgrading:
-          //     "index (Cannot get `wordMatch.index` because property `index` is missing in null [1].)"
           const startOffset = wordMatch.index;
-          // TODO(mdr): We found a new Flow error when upgrading:
-          //     "index (Cannot get `wordMatch.index` because property `index` is missing in null [1].)", "0 (Cannot get `wordMatch[0]` because an indexer property is missing in null [1].)"
           const endOffset = wordMatch.index + wordMatch[0].length;
           let range;
           if (startOffset === 0 && trailingWordRange) {
@@ -37680,7 +37535,7 @@ const rules = {
 
         // A "magic" capture that matches the opening {{
         // but captures the full ref text internally :D
-        // unfortunately the "magic" makes Flow upset,
+        // unfortunately the "magic" makes TypeScript upset,
         // so there's this questionable workaround
         capture[1] = source.slice(2, closeIndex);
         return capture;
@@ -38057,7 +37912,7 @@ class Passage extends React.Component {
     });
   }
   _measureLines() {
-    const renderer = ReactDOM__default.findDOMNode(this._contentRef);
+    const renderer = ReactDOM.findDOMNode(this._contentRef);
     // @ts-expect-error [FEI-5003] - TS2769 - No overload matches this call. | TS2339 - Property 'height' does not exist on type 'JQueryStatic'.
     const contentsHeight = $(renderer).height();
     const lineHeight = this._getLineHeight();
@@ -38111,7 +37966,7 @@ class Passage extends React.Component {
     }
 
     // @ts-expect-error [FEI-5003] - TS2769 - No overload matches this call.
-    const $ref = $(ReactDOM__default.findDOMNode(ref));
+    const $ref = $(ReactDOM.findDOMNode(ref));
     // We really care about the first text after the ref, not the
     // ref element itself:
     // @ts-expect-error [FEI-5003] - TS2339 - Property 'next' does not exist on type 'JQueryStatic'.
@@ -38132,7 +37987,7 @@ class Passage extends React.Component {
     }
 
     // @ts-expect-error [FEI-5003] - TS2769 - No overload matches this call.
-    const $ref = $(ReactDOM__default.findDOMNode(ref));
+    const $ref = $(ReactDOM.findDOMNode(ref));
     // We really care about the last text before the ref, not the
     // ref element itself:
     // @ts-expect-error [FEI-5003] - TS2339 - Property 'prev' does not exist on type 'JQueryStatic'.
@@ -38157,7 +38012,7 @@ class Passage extends React.Component {
     return this.state.startLineNumbersAfter + line;
   }
   _convertPosToLineNumber(absoluteVPos) {
-    const content = ReactDOM__default.findDOMNode(this._contentRef);
+    const content = ReactDOM.findDOMNode(this._contentRef);
     // @ts-expect-error [FEI-5003] - TS2769 - No overload matches this call. | TS2339 - Property 'offset' does not exist on type 'JQueryStatic'.
     const relativeVPos = absoluteVPos - $(content).offset().top;
     const lineHeight = this._getLineHeight();
@@ -38380,18 +38235,14 @@ class PassageRefTarget extends React.Component {
     };
   }
   render() {
-    return (
-      /*#__PURE__*/
-      // $FlowFixMe[prop-missing]: inline doesn't exist in Renderer's declared props
-      React.createElement(Renderer, {
-        content: this.props.content
-        // @ts-expect-error [FEI-5003] - TS2322 - Type '{ content: any; inline: boolean; apiOptions: any; linterContext: any; }' is not assignable to type 'IntrinsicAttributes & IntrinsicClassAttributes<Renderer> & Pick<Readonly<Props> & Readonly<{ children?: ReactNode; }>, "children" | ... 3 more ... | "legacyPerseusLint"> & InexactPartial<...> & InexactPartial<...>'.
-        ,
-        inline: true,
-        apiOptions: this.props.apiOptions,
-        linterContext: this.props.linterContext
-      })
-    );
+    return /*#__PURE__*/React.createElement(Renderer, {
+      content: this.props.content
+      // @ts-expect-error [FEI-5003] - TS2322 - Type '{ content: any; inline: boolean; apiOptions: any; linterContext: any; }' is not assignable to type 'IntrinsicAttributes & IntrinsicClassAttributes<Renderer> & Pick<Readonly<Props> & Readonly<{ children?: ReactNode; }>, "children" | ... 3 more ... | "legacyPerseusLint"> & InexactPartial<...> & InexactPartial<...>'.
+      ,
+      inline: true,
+      apiOptions: this.props.apiOptions,
+      linterContext: this.props.linterContext
+    });
   }
 }
 PassageRefTarget.propTypes = _extends({}, propTypes, {
@@ -38983,7 +38834,6 @@ class Plotter extends React.Component {
         if (i > 0) {
           c.graph.lines[i] = Interactive2.addMovableLine(graphie, {
             points: [c.graph.points[i - 1], c.graph.points[i]],
-            // $FlowFixMe[prop-missing]
             // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
             constraints: Interactive2.MovablePoint.constraints.fixed(),
             normalStyle: {
@@ -41715,9 +41565,7 @@ const ShapeTypes = {
           fixed: !options.translatable && !options.editable
         },
         visible: options.showPoints,
-        // $FlowFixMe[prop-missing]
         snapX: options.snap && options.snap[0] || 0,
-        // $FlowFixMe[prop-missing]
         snapY: options.snap && options.snap[1] || 0,
         bounded: false,
         // Don't bound it when placing it on the graph
@@ -42289,7 +42137,6 @@ class Transformer extends React.Component {
           transform = {
             type: "translation",
             // NOTE(kevib): these should be numbers
-            // $FlowFixMe[incompatible-type]
             // @ts-expect-error [FEI-5003] - TS2322 - Type 'null' is not assignable to type 'number'. | TS2322 - Type 'null' is not assignable to type 'number'.
             vector: [null, null]
           };
@@ -42298,11 +42145,9 @@ class Transformer extends React.Component {
           transform = {
             type: "rotation",
             // NOTE(kevib): these should be numbers
-            // $FlowFixMe[incompatible-type]
             // @ts-expect-error [FEI-5003] - TS2322 - Type 'null' is not assignable to type 'number'. | TS2322 - Type 'null' is not assignable to type 'number'.
             center: [null, null],
             // NOTE(kevib): this should be a number
-            // $FlowFixMe[incompatible-type]
             // @ts-expect-error [FEI-5003] - TS2322 - Type 'null' is not assignable to type 'number'.
             angleDeg: null
           };
@@ -42313,11 +42158,9 @@ class Transformer extends React.Component {
             type: "reflection",
             line: [
             // NOTE(kevib): these should be numbers
-            // $FlowFixMe[incompatible-type]
             // @ts-expect-error [FEI-5003] - TS2322 - Type 'null' is not assignable to type 'number'. | TS2322 - Type 'null' is not assignable to type 'number'.
             [null, null],
             // NOTE(kevib): these should be numbers
-            // $FlowFixMe[incompatible-type]
             // @ts-expect-error [FEI-5003] - TS2322 - Type 'null' is not assignable to type 'number'. | TS2322 - Type 'null' is not assignable to type 'number'.
             [null, null]]
           };
@@ -42326,11 +42169,9 @@ class Transformer extends React.Component {
           transform = {
             type: "dilation",
             // NOTE(kevib): these should be numbers
-            // $FlowFixMe[incompatible-type]
             // @ts-expect-error [FEI-5003] - TS2322 - Type 'null' is not assignable to type 'number'. | TS2322 - Type 'null' is not assignable to type 'number'.
             center: [null, null],
             // NOTE(kevib): this should be a number
-            // $FlowFixMe[incompatible-type]
             // @ts-expect-error [FEI-5003] - TS2322 - Type 'null' is not assignable to type 'number'.
             scale: null
           };
@@ -42503,7 +42344,6 @@ class Transformer extends React.Component {
       if (reflectRotateHandle) {
         $(reflectRotateHandle).on("move", function () {
           const rotateHandleApprox = self.snapCoord(
-          // $FlowFixMe[incompatible-use]
           // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'.
           reflectRotateHandle.coord);
           const rotateVector = vector$1.subtract(rotateHandleApprox, reflectButton.coord);
@@ -42571,9 +42411,7 @@ class Transformer extends React.Component {
         width: this.scaleToCurrentRange(0.24),
         hoverWidth: this.scaleToCurrentRange(0.4),
         onMove: function (newAngle, oldAngle) {
-          const transform = self.getRotationTransformFromAngle(
-          // $FlowFixMe[incompatible-use]
-          self.rotatePoint.coord, newAngle - oldAngle);
+          const transform = self.getRotationTransformFromAngle(self.rotatePoint.coord, newAngle - oldAngle);
 
           // Rotate polygon with rotateHandle
           self.doTransform(transform);
@@ -42622,9 +42460,7 @@ class Transformer extends React.Component {
           self.doTransform({
             type: "dilation",
             // NOTE(kevinb): It's hard to convince that this.dilationCircle
-            // will still be defined here.
-            // $FlowFixMe[incompatible-use]
-            center: self.dilationCircle.centerPoint.coord,
+            // will still be defined here.                    center: self.dilationCircle.centerPoint.coord,
             scale: newRadius / oldRadius
           });
         },
@@ -42660,7 +42496,6 @@ class Transformer extends React.Component {
           origOnMoveEnd(args);
         }
         self.changeTool("dilation", {
-          // $FlowFixMe[incompatible-use]
           coord: self.dilationCircle.centerPoint.coord
         });
       };
@@ -42780,7 +42615,6 @@ class Transformer extends React.Component {
         // handle coordinates in formal mode without movement, since
         // the movablepoints never move
         shape: {
-          // $FlowFixMe[incompatible-use]
           type: this.shape.type,
           coords: this.getCoords(),
           options: (_this$shape5 = this.shape) == null ? void 0 : _this$shape5.getOptions()
@@ -44716,7 +44550,7 @@ class HintsRenderer extends React.Component {
       this._cacheHintImages();
     }
 
-    // Force number to make Flow happy
+    // Force number to make TypeScript happy
     const prevHintsVisible = prevProps.hintsVisible || 0;
     const nextHintsVisible = this.props.hintsVisible || 0;
 
@@ -44972,13 +44806,7 @@ class ItemRenderer extends React.Component {
     // that have completely different places in the DOM, we have to do this
     // strangeness instead of relying on React's normal render() method.
     // TODO(alpert): Figure out how to clean this up somehow
-    render(
-    /*#__PURE__*/
-    // metadata (from item.question, aka PerseusRenderer)
-    // replace (also item.question, aka PerseusRenderer)
-    // savedState (I _think_ this is serializedState on Renderer)
-    // $FlowFixMe[prop-missing] metadata, replace, savedState (see above)
-    React.createElement(Renderer, _extends({
+    render( /*#__PURE__*/React.createElement(Renderer, _extends({
       ref: node => {
         if (!node) {
           return;
@@ -45063,9 +44891,7 @@ class ItemRenderer extends React.Component {
       return Util.inputPathsEqual(inputPath, this._currentFocus);
     });
     if (this.props.apiOptions.onFocusChange != null) {
-      this.props.apiOptions.onFocusChange(this._currentFocus, prevFocus,
-      // $FlowFixMe[incompatible-call]: onFocusChange expects an HTMLElement or nothing
-      didFocusInput && keypadElement && keypadElement.getDOMNode());
+      this.props.apiOptions.onFocusChange(this._currentFocus, prevFocus, didFocusInput && keypadElement && keypadElement.getDOMNode());
     }
     if (keypadElement) {
       if (didFocusInput) {
@@ -45370,14 +45196,9 @@ class ServerItemRenderer extends React.Component {
       return Util.inputPathsEqual(inputPath, this._currentFocus);
     });
     if (onFocusChange != null) {
-      onFocusChange(this._currentFocus, prevFocus,
-      // $FlowFixMe[incompatible-call]: onFocusChange expects an HTMLElement or nothing
-      didFocusInput && keypadElement && keypadElement.getDOMNode(),
-      // $FlowFixMe[incompatible-call]: onFocusChange expects an HTMLElement or nothing
+      onFocusChange(this._currentFocus, prevFocus, didFocusInput && keypadElement && keypadElement.getDOMNode(),
       // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'false | Element | Text | null | undefined' is not assignable to parameter of type 'HTMLElement | undefined'.
-      didFocusInput &&
-      // $FlowFixMe[incompatible-call]: onFocusChange expects an HTMLElement or nothing
-      this.questionRenderer.getDOMNodeForPath(newFocus));
+      didFocusInput && this.questionRenderer.getDOMNodeForPath(newFocus));
     }
     if (keypadElement && isMobile) {
       if (didFocusInput) {
@@ -46660,7 +46481,7 @@ class MultiRenderer extends React.Component {
     //     were to change every render, it would cause the Renderer to
     //     re-render a lot more than is necessary. Don't re-compute this
     //     element unless it is necessary!
-    // HACK(mdr): Flow can't prove that this is a ContentRendererData,
+    // HACK(mdr): TypeScript can't prove that this is a ContentRendererData,
     //     because of how we awkwardly construct it in order to obtain a
     //     circular reference. But it is, I promise.
     const data = {
@@ -46680,7 +46501,6 @@ class MultiRenderer extends React.Component {
      * one to one could introduce a bug. Need to work out the exact
      * type for ContentNode and then fix this.
      */
-    // $FlowFixMe[cannot-spread-inexact]
     // @ts-expect-error [FEI-5003] - TS2322 - Type '{ ref: (e: any) => any; findExternalWidgets: (criterion: any) => readonly (Widget | null | undefined)[]; serializedState: any; onSerializedStateUpdated: (state: any) => void; __type: "content" | "item"; ... 9 more ...; reviewMode?: boolean | ... 1 more ... | undefined; }' is not assignable to type 'InexactPartial<Pick<Readonly<Props> & Readonly<{ children?: ReactNode; }>, "content" | "images" | "onRender" | "linterContext" | "widgets" | "alwaysUpdate" | ... 6 more ... | "serializedState">>'.
     React.createElement(Renderer, _extends({}, this._getRendererProps(), content, {
       ref: refFunc,
@@ -46924,7 +46744,7 @@ const styles = StyleSheet.create({
  * Utility functions to build React PropTypes for multi-items and shapes.
  *
  * If you're writing new components, though, consider using the Item and Shape
- * Flow types instead.
+ * types instead.
  */
 
 /**