Update docs/src/pages/use-component-will-receive-update.mdx

docs/src/pages/use-component-will-receive-update.mdx

@@ -48,10 +48,9 @@ This hook is a helper for the above pattern.
 useComponentWillReceiveUpdate(() => setState(false), [state])
 ```
 
-This only applies to states of the current component.
-Modifying states from other components causes React reporting errors.
-You may also want to read [(Avoid) Notifying parent components about state changes](https://react.dev/learn/you-might-not-need-an-effect#notifying-parent-components-about-state-changes) and [(Avoid) Passing data to the parent](https://react.dev/learn/you-might-not-need-an-effect#passing-data-to-the-parent).
-If you need to edit other components' states, write it like this:
+This should only apply to states of the current component. Modifying states of other components causes React reporting errors. You may also want to read [(Avoid) Notifying parent components about state changes](https://react.dev/learn/you-might-not-need-an-effect#notifying-parent-components-about-state-changes) and [(Avoid) Passing data to the parent](https://react.dev/learn/you-might-not-need-an-effect#passing-data-to-the-parent).
+
+If you really need to directly modify other components' states (E.g. when working with third-party libraries/components/SDKs where you don't have control of that code), use `flushSync` to separate two state updates:
 
 ```js
 import { flushSync } from 'react-dom'