Use React.forwardRef in Page and Outline components

Author: wojtekmaj

src/Outline.jsx

@@ -176,10 +176,12 @@ OutlineInternal.propTypes = {
   ...eventsProps(),
 };
 
-export default function Outline(props) {
+function Outline(props, ref) {
   return (
     <DocumentContext.Consumer>
-      {context => <OutlineInternal {...context} {...props} />}
+      {context => <OutlineInternal ref={ref} {...context} {...props} />}
     </DocumentContext.Consumer>
   );
 }
+
+export default React.forwardRef(Outline);

src/Page.jsx

@@ -444,11 +444,12 @@ PageInternal.propTypes = {
   ...eventsProps(),
 };
 
-export default function Page(props) {
+function Page(props, ref) {
   return (
     <DocumentContext.Consumer>
       {context => (
         <PageInternal
+          ref={ref}
           {...context}
           {...props}
           // For backwards compatibility
@@ -462,3 +463,5 @@ export default function Page(props) {
     </DocumentContext.Consumer>
   );
 }
+
+export default React.forwardRef(Page);