From 22d0ec128ecf5af877fc60faa7a768b056536319 Mon Sep 17 00:00:00 2001
From: Brian Vaughn <brian.david.vaughn@gmail.com>
Date: Fri, 16 Mar 2018 09:42:47 -0700
Subject: [PATCH] Updated forwardRef example to use named function

---
 .../16-3-release-blog-post/fancy-button-example.js     |  2 +-
 examples/16-3-release-blog-post/forward-ref-example.js | 10 ++++++----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/examples/16-3-release-blog-post/fancy-button-example.js b/examples/16-3-release-blog-post/fancy-button-example.js
index 22170e52..a5ccb8bf 100644
--- a/examples/16-3-release-blog-post/fancy-button-example.js
+++ b/examples/16-3-release-blog-post/fancy-button-example.js
@@ -8,7 +8,7 @@ class FancyButton extends React.Component {
   render() {
     // highlight-next-line
     const {label, theme, ...rest} = this.props;
-    // highlight-range{4}
+    // highlight-range{5}
     return (
       <button
         {...rest}
diff --git a/examples/16-3-release-blog-post/forward-ref-example.js b/examples/16-3-release-blog-post/forward-ref-example.js
index 3c6193e0..39d8c030 100644
--- a/examples/16-3-release-blog-post/forward-ref-example.js
+++ b/examples/16-3-release-blog-post/forward-ref-example.js
@@ -16,10 +16,12 @@ function withTheme(Component) {
   }
 
   // Intercept the "ref" and pass it as a custom prop.
-  // highlight-range{1-3}
-  return React.forwardRef((props, ref) => (
-    <ThemedComponent {...props} forwardedRef={ref} />
-  ));
+  // highlight-range{1, 3}
+  return React.forwardRef(function forward(props, ref) {
+    return (
+      <ThemedComponent {...props} forwardedRef={ref} />
+    );
+  });
 }
 
 // highlight-next-line