Using ref using a function component gives a type error: Function components cannot be given refs.

[Robbie-Cook]

Describe the bug

If you use a function component instead of a class component, there is a type error on the functional component., if you are using Typescript.
The error is the same as this one: expo/router#278

Warning: Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef() 

To Reproduce

Steps to reproduce the behavior:

Use component like so:

import EditorComponent, {
  DiffEditor,
  useMonaco,
  loader,
} from '@monaco-editor/react'
import { useEffect, useRef } from 'react'

export function Editor() {
  const editorRef = useRef<typeof EditorComponent>(null)

  useEffect(() => {
    editorRef.current?.getValue()
  })

  return (
    <EditorComponent
      ref={editorRef}
      height="90vh"
      defaultLanguage="typescriptreact"
      defaultValue="// some comment"
      theme="dark"
    />
  )
}