Update missing curly brace in image.md (vercel#34307)

* Update missing curly brace in image.md Missing curly brace in lazyRoot component code example * add return Co-authored-by: JJ Kasper <[email protected]>
filoblu · Feb 14, 2022 · 8a5e1ce · 8a5e1ce
1 parent 1aee935
commit 8a5e1ce
Showing 1 changed file with 12 additions and 8 deletions.
diff --git a/docs/api-reference/next/image.md b/docs/api-reference/next/image.md
@@ -252,19 +252,23 @@ const Example = () => (
 import Image from 'next/image'
 import React from 'react'
 
-const Container = React.forwardRef((props, ref) =>
-  <div ref={ref} style={{ overflowX: 'scroll', width: '500px' }}>
-    {props.children}
-  </div>
+const Container = React.forwardRef((props, ref) => {
+  return (
+    <div ref={ref} style={{ overflowX: 'scroll', width: '500px' }}>
+      {props.children}
+    </div>
+  )
 })
 
 const Example = () => {
   const lazyRoot = React.useRef(null)
 
-  return (<Container ref={lazyRoot}>
-    <Image lazyRoot={lazyRoot} src="/one.jpg" width="500" height="500" />
-    <Image lazyRoot={lazyRoot} src="/two.jpg" width="500" height="500" />
-  </Container>)
+  return (
+    <Container ref={lazyRoot}>
+      <Image lazyRoot={lazyRoot} src="/one.jpg" width="500" height="500" />
+      <Image lazyRoot={lazyRoot} src="/two.jpg" width="500" height="500" />
+    </Container>
+  )
 }
 ```