react-router のuseNavigationの第二因数が適用されない

Question

前提・実現したいこと

現在react-routerを使ってwebアプリケーションを作っています。
別のページに遷移するときに、useNavigationを使っているのですが、
第二引数に遷移先で使いたいデータを入力し、遷移先のページでuseLocationを使っても遷移先のページに送ることができません。詳しく書けば、下のコードのLogin.jsxのnavigateの第二引数の{state:{content:'おはよう'}}を遷移先のページで使いたいです。(でもconsole.log()でundefinedになってしまう)
参考元がタイプスクリプトなので構文が間違っている可能性もあるのですが、reactだけのやり方が調べても出てこないので困っています。わかる方、お力お貸しください。

参考元
https://zenn.dev/horisan/articles/2aeaf0bd3fb70f

console

undefined

該当のソースコード

import React from 'react'
import { useNavigate } from 'react-router-dom'
const Login = () => {
   let navigate = useNavigate()
   const btnEvent = () => {
      navigate('/Home',{state:{content:'おはよう'}})
   }
　return (
   <button onClick={btnEvent}>次</button>
 )

}

import { useState } from 'react';
import { useLocation } from 'react-router-dom';
const Home = () => {
   const location = useLocation();
   console.log(location.content)
}

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。
react , react-dom v17.0.2
react-router-dom v6.2.2

Answer 1

参考元の記事を見る限り、location.content ではなくlocation.state.contentではないでしょうか？

---

（console.log(location)と書いて、locationにどのような形でデータが入っているのかをコンソールで確認すると良いかもしれないです！）

Comments

[bicLighter]

コメントされたとおりにlocation.state.contentでやると解決できました。返信ありがとうございます！