Replace broken blog link with one to React docs

blog/react-usestate-callback/index.md

@@ -52,7 +52,7 @@ const App = () => {
 export default App;
 ```
 
-The function you pass to the useEffect hook is your callback function which runs after the provided state changes from the useState hook's second argument. If you perform changes in this callback function that should be reflected in your component's rendered output, you may want to use [useLayoutEffect instead of useEffect](/react-useeffect-vs-uselayouteffect/).
+The function you pass to the useEffect hook is your callback function which runs after the provided state changes from the useState hook's second argument. If you perform changes in this callback function that should be reflected in your component's rendered output, you may want to use [useLayoutEffect instead of useEffect](https://beta.reactjs.org/reference/react/useLayoutEffect).
 
 If you are looking for an out of the box solution, check out [this custom hook](https://github.com/the-road-to-learn-react/use-state-with-callback) that works like useState but accepts as second parameter as callback function:
 
@@ -125,4 +125,4 @@ const App = () => {
 export default App;
 ```
 
-This way, you can decide when to use the second argument for the callback function and you can decide for each case what the callback function should do specifically.
+This way, you can decide when to use the second argument for the callback function and you can decide for each case what the callback function should do specifically.