Clear breakpoints when following share links (#2370)

* Clear editor breakpoints when loading query string program

* Update editor breakpoints display when prop updates

Author: ianyong

src/commons/editor/Editor.tsx

@@ -335,6 +335,14 @@ const EditorBase = React.memo((props: EditorProps & LocalStateProps) => {
     handlePromptAutocompleteRef.current = props.handlePromptAutocomplete;
   }, [props.handleEditorUpdateBreakpoints, props.handlePromptAutocomplete]);
 
+  React.useEffect(() => {
+    const editor = reactAceRef.current?.editor;
+    if (editor === undefined) {
+      return;
+    }
+    displayBreakpoints(editor, props.breakpoints);
+  }, [props.breakpoints]);
+
   // Handles input into AceEditor causing app to scroll to the top on iOS Safari
   React.useEffect(() => {
     const isIOS = /iPhone|iPad|iPod/.test(navigator.userAgent);
@@ -443,7 +451,7 @@ const EditorBase = React.memo((props: EditorProps & LocalStateProps) => {
     }
   }
 
-  const { onChange, onLoad } = aceEditorProps;
+  const { onChange } = aceEditorProps;
 
   aceEditorProps.onChange = React.useCallback(
     (newCode: string, delta: Ace.Delta) => {
@@ -472,16 +480,6 @@ const EditorBase = React.memo((props: EditorProps & LocalStateProps) => {
     ]
   );
 
-  aceEditorProps.onLoad = React.useCallback(
-    (editor: IAceEditor) => {
-      displayBreakpoints(editor, props.breakpoints);
-      if (onLoad !== undefined) {
-        onLoad(editor);
-      }
-    },
-    [props.breakpoints, onLoad]
-  );
-
   aceEditorProps.commands = Object.entries(keyHandlers)
     .filter(([_, exec]) => exec)
     .map(([name, exec]) => ({ name, bindKey: keyBindings[name], exec: exec! }));

src/pages/playground/Playground.tsx

@@ -184,6 +184,7 @@ export async function handleHash(hash: string, props: PlaygroundProps) {
     const program = programLz && decompressFromEncodedURIComponent(programLz);
     if (program) {
       props.handleEditorValueChange(program);
+      props.handleEditorUpdateBreakpoints([]);
     }
     const variant: Variant =
       sourceLanguages.find(