Remove usage of forwardRef

Author: mdaines

packages/website/src/components/Editor.jsx

@@ -1,4 +1,4 @@
-import { useRef, useEffect, useState, forwardRef, useImperativeHandle } from "react";
+import { useRef, useEffect, useState, useImperativeHandle } from "react";
 import { EditorView, basicSetup } from "codemirror";
 import { EditorState } from "@codemirror/state";
 import { linter } from "@codemirror/lint";
@@ -62,7 +62,7 @@ const syntaxLinter = linter((view) => {
   return diagnostics;
 });
 
-const Editor = forwardRef(function Editor({ defaultValue = "", onChange }, ref) {
+const Editor = function Editor({ defaultValue = "", onChange, ref }) {
   let editorContainerRef = useRef(null);
   let editorViewRef = useRef(null);
 
@@ -114,6 +114,6 @@ const Editor = forwardRef(function Editor({ defaultValue = "", onChange }, ref)
   return (
     <div className="editor" ref={editorContainerRef}></div>
   );
-});
+}
 
 export default Editor;

packages/website/src/components/ImageZoom.jsx

@@ -1,4 +1,4 @@
-import { useState, useEffect, useRef, forwardRef, useImperativeHandle } from "react";
+import { useState, useEffect, useRef, useImperativeHandle } from "react";
 import * as imageZoomClasses from "./ImageZoom.module.css";
 
 export const zoomLevels = [
@@ -40,7 +40,7 @@ function measureFitZoomLevel(container, dimensions) {
   return Math.min(widthRatio, heightRatio);
 }
 
-const ImageZoom = forwardRef(function ImageZoom({ svg, zoom, onZoomChange }, ref) {
+const ImageZoom = function ImageZoom({ svg, zoom, onZoomChange, ref }) {
   const blobURLRef = useRef(null);
   const imageRef = useRef(null);
   const containerRef = useRef(null);
@@ -138,6 +138,6 @@ const ImageZoom = forwardRef(function ImageZoom({ svg, zoom, onZoomChange }, ref
     <div className={imageZoomClasses.container} ref={containerRef}>
     </div>
   );
-});
+}
 
 export default ImageZoom;