useEffectのクリーンアップに関するエラーを解消したい

前提・実現したいこと

現在Reactの勉強をしています。
useEffectでデータをGETし、それをuseStateに格納する処理をしているのですが、
onSubmit時の画面遷移時にコンソールエラーを吐きます

Warning: Can't perform a React state update on an unmounted component. 
This is a no-op, but it indicates a memory leak in your application. 
To fix, cancel all subscriptions and asynchronous tasks 
in a useEffect cleanup function.

実装は以下のようなコードです。
画面表示項目のために初期表示時にuseEffectでGETメソッドでAPIを実行し、
保存ボタン押下時のonSubmit処理で画面遷移しています。
どちらも非同期処理なのでクリーンアップする必要があるのかなと思っていますが、
いろいろ試してみてもなかなか解消されません。
「window.location.href」を削除するとエラーが吐かれなくなります

tsx
1React.useEffect(() => {
2  (async () => {
3    /* axiosを使ってAPIからデータをgetする処理(省略) */ 
4
5    setHoge(response);
6  })();
7}, []);
8
9const onSubmit = React.useCallback(
10  async (form: HogeForm) => {    
11    /* axiosを使ってAPIからデータをPUTする処理(省略) */ 
12
13    window.location.href = `/hogepage`; //これを削除するとエラーにならない
14  },
15  []
16);

試したこと

色々なページをググりましたが代表するなら以下のようにuseEffectにクリーンアップ処理を入れました。
参考：https://zenn.dev/maktub_bros/articles/3366d053275d60

しかし解決されませんでした。

tsx
1import { useState, useEffect } from 'react'
2
3export default function App() {
4  const [post, setPost] = useState(null)
5
6  useEffect(() => {
7    let isMounted = true
8    const fetchPost = async () => {
9      const res = await fetch("https://jsonplaceholder.typicode.com/posts/1")
10      const post = await res.json()
11
12      if (isMounted) { 
13        setPost(post)
14      }
15    }
16
17    fetchPost()
18
19    return () => {
20      isMounted = false
21    }
22  }, [])
23
24  return post ? <div>{post.title}</div> : null
25}