react-router-domのuseLocation()でprotocolとhostを取得する方法はありますか?
useLocation()ではなく、window.location.protocol、window.location.hostとするしかないのでしょうか?
import { memo, VFC, useEffect } from "react";
import { useLocation } from "react-router-dom";
export const Test: VFC = memo(() => {
const location = useLocation();
useEffect(() => {
console.log(location.pathname); // OK
console.log(location.protocol); // NG
console.log(location.host); // NG
console.log(window.location.protocol); // OK
console.log(window.location.host); // OK
}, [location]);
return <></>;
});
各ライブラリのバージョンは以下を使用しています。
[email protected]
[email protected]