Fix the re-render warning for using useIsFocused (#1299)

* fixes the re-render warning for using useIsFocused

It re-renders the direct component that contains this hook, but it was mentioned that it re-renders the screen.

* updates use-is-focused.md for v7.x

* updates use-is-focused.md for v6.x

* Update versioned_docs/version-6.x/use-is-focused.md

Co-authored-by: Satyajit Sahoo <satyajit.happy@gmail.com>

* Update use-is-focused.md for v7.x

---------

Co-authored-by: Satyajit Sahoo <satyajit.happy@gmail.com>

Author: omid-ebrahimi

versioned_docs/version-6.x/use-is-focused.md

@@ -20,7 +20,7 @@ function Profile() {
 }
 ```
 
-Note that using this hook triggers a re-render for the screen when it changes focus. This might cause lags during the animation if your screen is heavy. You might want to extract the expensive parts to separate components and use [`React.memo`](https://reactjs.org/docs/react-api.html#reactmemo) or [`React.PureComponent`](https://reactjs.org/docs/react-api.html#reactpurecomponent) to minimize re-renders for them.
+Note that using this hook triggers a re-render for the component when the screen it's in changes focus. This might cause lags during the animation if your component is heavy. You might want to extract the expensive parts to separate components and use [`React.memo`](https://reactjs.org/docs/react-api.html#reactmemo) or [`React.PureComponent`](https://reactjs.org/docs/react-api.html#reactpurecomponent) to minimize re-renders for them.
 
 ## Using with class component
 

versioned_docs/version-7.x/use-is-focused.md

@@ -20,7 +20,7 @@ function Profile() {
 }
 ```
 
-Note that using this hook triggers a re-render for the screen when it changes focus. This might cause lags during the animation if your screen is heavy. You might want to extract the expensive parts to separate components and use [`React.memo`](https://reactjs.org/docs/react-api.html#reactmemo) or [`React.PureComponent`](https://reactjs.org/docs/react-api.html#reactpurecomponent) to minimize re-renders for them.
+Note that using this hook triggers a re-render for the component when the screen it's in changes focus. This might cause lags during the animation if your component is heavy. You might want to extract the expensive parts to separate components and use [`React.memo`](https://reactjs.org/docs/react-api.html#reactmemo) or [`React.PureComponent`](https://reactjs.org/docs/react-api.html#reactpurecomponent) to minimize re-renders for them.
 
 ## Using with class component