Update React editor example

Author: microbit-grace

docs/react.md

@@ -34,18 +34,12 @@ import { MakeCodeFrame } from '@microbit/makecode-embed/react';
   ref={ref}
   controller={1}
   controllerId={controllerId}
-  initialProjects={initialProjects}
-  onEditorContentLoaded={(e) => console.log('editorContentLoaded', e)}
-  onWorkspaceLoaded={(e) => console.log('workspaceLoaded', e)}
-  onWorkspaceSync={(e) => console.log('workspaceSync', e)}
-  onWorkspaceReset={(e) => console.log('workspaceReset', e)}
-  onWorkspaceEvent={(e) => console.log('workspaceEvent', e)}
+  initialProjects={[savedProject]}
   onWorkspaceSave={(e) => {
-      savedProjects.current?.set(e.project!.header!.id, e.project);
-      console.log(savedProjects.current);
+    // Set project as project changes in the editor.
+    setSavedProject(e.project);
   }}
-  onTutorialEvent={(e) => console.log('tutorialEvent', e)}
-/>
+/>;
 ```
 
 For more examples, take a look at the [MakeCode frame demo source code](../src/stories/MakeCodeFrame.stories.tsx).