useQueryを使っているページに別ページから遷移するとエラー

Uncaught Error: A component suspended while responding to synchronous input. 
This will cause the UI to be replaced with a loading indicator. 
To fix, updates that suspend should be wrapped with startTransition.

export const GetTopics = async() => {
    try{
		const res = await axios.get(URL)
		return res.data;
    }catch(e){
		console.log('エラー')
        console.log(e.response)
    }
}

export const Home:FC = () => {
	const { isLoading:topic_loading, error:topic_error, data:topics} = useQuery(
		'topics',
		() => GetTopics(),
	);

	console.log('取得情報');
	console.log(topics);//このページで再読み込み時、この時点では正常にデータがある

	return (
		<div>
            {(() => {
					if (error) {
						return( <div>loading・・・</div> );
					} else {
						return ( 
						<ul className="topics_wrap">
							{
								filtedTopics.map((topic)=>(
									<li key={topic.id}>
										<Link to={"/topic/" + topic.id} state={topic}>
											<Topic
												id={topic.id}
												title={topic.title}
											/>
										</Link>
									</li>
								))
							}  
						</ul>                                
						 );
					}
					})()
				}

		</div>
	)

}