【React】useLocation() : Object is of type 'unknown' の対処方法

概要

Object is of type 'unknown' になる場合の対処方法をまとめる

import {useLocation} from "react-router-dom";

export const Users: () => JSX.Element = () => {
    const location = useLocation()
    const state = location.state
    console.log(state.isAdmin)
}

対処方法

unknown 型にユーザー定義の型を割り当て（アサーション）する

import {useLocation} from "react-router-dom";

type State = {
    isAdmin: boolean
}

export const Users: () => JSX.Element = () => {
    const location = useLocation()
    const state = location.state as State
    console.log(state.isAdmin)
}