Default the correct prop to graph in the interactive graph editor if its type is wrong (#3264)

## Summary:
See the linked issue for context.

Issue: https://khanacademy.atlassian.net/browse/LEMS-3903

Test plan:

Upgrade Perseus in frontend. Confirm in the AX editor that the bug is fixed.
Verify that you can change the type of the graph and the editor and preview
update accordingly.

Author: benchristel

Reviewers: nishasy, daniellewhyte

Required Reviewers:

Approved By: nishasy

Checks: ⏭️  1 check has been skipped, ✅ 10 checks were successful

Pull Request URL: #3264

Author: benchristel

.changeset/four-wolves-peel.md

@@ -0,0 +1,5 @@
+---
+"@khanacademy/perseus-editor": patch
+---
+
+Ensure the `correct` prop of interactive graphs matches the type of the `graph` prop. This works around a bug in the AX editor.

packages/perseus-editor/src/widgets/__tests__/interactive-graph-editor.test.tsx

@@ -815,6 +815,29 @@ describe("InteractiveGraphEditor", () => {
         expect(screen.getByRole("option", {name: "None"})).toBeInTheDocument();
     });
 
+    test("fixes a `correct` prop with the wrong graph type, defaulting it to `graph`", () => {
+        // This behavior is a workaround for the AX editor, which passes
+        // answerless data to the editor in question stems. The value of
+        // `correct` always defaults to `{type: "linear"}` when answerless
+        // data is used. This caused a bug where a movable line was
+        // incorrectly displayed on none-type graphs in the editor.
+        // See: https://khanacademy.atlassian.net/browse/LEMS-3903
+        render(
+            <InteractiveGraphEditor
+                {...baseProps}
+                graph={{type: "none"}}
+                correct={{type: "linear"}}
+            />,
+            {
+                wrapper: RenderStateRoot,
+            },
+        );
+
+        // Assert:
+        // A none-type graph should render; there should be no movable points.
+        expect(screen.queryByLabelText(/point/i)).not.toBeInTheDocument();
+    });
+
     test.each`
         graphType          | expectedNumber | correctAnswer
         ${"linear"}        | ${1}           | ${"y = 5.000"}

packages/perseus-editor/src/widgets/interactive-graph-editor/interactive-graph-editor.tsx

@@ -288,7 +288,13 @@ class InteractiveGraphEditor extends React.Component<Props> {
         const sizeClass = containerSizeClass.SMALL;
 
         if (this.props.valid === true) {
-            const correct = this.props.correct;
+            // Default `correct` to `graph` if the type is wrong. This works
+            // around a bug in the AX editor.
+            // See: https://khanacademy.atlassian.net/browse/LEMS-3903
+            const correct =
+                this.props.correct.type === this.props.graph?.type
+                    ? this.props.correct
+                    : this.props.graph;
 
             const graphProps = {
                 ref: "graph",