Fix lint

enzymejs · Jan 5, 2019 · 58c57de · 58c57de
1 parent 767b21d
commit 58c57de
Showing 1 changed file with 22 additions and 16 deletions.
diff --git a/docs/api/ShallowWrapper/dive.md b/docs/api/ShallowWrapper/dive.md
@@ -54,22 +54,28 @@ expect(wrapper.find(Bar).dive().find('.in-bar')).to.have.lengthOf(1);
 - If you _only_ dive a `<Consumer />` (even if there is a `<Provider />` in your component tree) you always get the default context value. If you want the `<Consumer />` to receive your `<Provider />`'s `value` you must first `.dive()` the `<Provider>`, the `.dive()` the `<Consumer />`.
   ```jsx
   const { Provider, Consumer } = React.createContext('foo');
-  class MyComponent extends React.Component {
-    render() {
-      return (
-        <div>
-          <Provider value="bar">
-            <Consumer>
-              {value => (
-                <div>{value}</div>
-              )}
-            </Consumer>
-          </Provider>
-        </div>
-      )
-    }
+  function MyComponent() {
+    return (
+      <div>
+        <Provider value="bar">
+          <Consumer>
+            {value => (
+              <div>{value}</div>
+            )}
+          </Consumer>
+        </Provider>
+      </div>
+    );
   }
   const wrapper = shallow(<MyComponent />);
-  wrapper.find(Consumer).dive().text(); // "foo"
-  wrapper.find(Provider).dive().find(Consumer).dive().text(); // "bar"
+  wrapper
+    .find(Consumer)
+    .dive()
+    .text(); // "foo"
+  wrapper
+    .find(Provider)
+    .dive()
+    .find(Consumer)
+    .dive()
+    .text(); // "bar"
   ```