Merge pull request #10309 from apollographql/tb/docs-subscribetomore-…

…useeffect docs: Update subscribeToMore example to use React hooks
apollographql · Nov 22, 2022 · e139105 · e139105
2 parents b677e60 + 8614c70
commit e139105
Showing 1 changed file with 4 additions and 5 deletions.
diff --git a/docs/source/data/subscriptions.mdx b/docs/source/data/subscriptions.mdx
@@ -294,11 +294,10 @@ In the example above, we pass three options to `subscribeToMore`:
 
 Finally, in our definition of `CommentsPage`, we tell the component to `subscribeToNewComments` when it mounts:
 
-```js
-export class CommentsPage extends Component {
-  componentDidMount() {
-    this.props.subscribeToNewComments();
-  }
+```jsx
+export function CommentsPage({subscribeToNewComments}) {
+  useEffect(() => subscribeToNewComments(), []);
+  return <>...</>
 }
 ```