Как правильно расширить типизацию Location от useLocation?

Question

[tron21]

Столкнулся с ошибкой типизации добавленного элемента в location.store в React-е от хука useLocation().

Есть компонент protectedRoute, в котором есть следующий код:

const ProtectedRoute: FC<RouteProps> = () => {
  const location = useLocation();
  const refreshToken: string = getLocalRefreshToken();

  return refreshToken ? (
    <Outlet />
  ) : (
    <Navigate to="/login" state={{ from: location }} />
  );
};

export default ProtectedRoute;

И код уже на странице авторизации:

const Login: FC = () => {

  const location = useLocation();
  const fromPage: string = location.state.from || ENDPOINTS.REPORTS;

... 
}

Именно на странице авторизации, под кодом location.state вылетает ошибка: TS2571: Object is of type 'unknown'.. Как расширить типизацию location, чтобы исправить её?

Answer 1

[Mikhail Osher]

https://github.com/DefinitelyTyped/DefinitelyTyped...
https://stackoverflow.com/questions/61668623/react...

Comments

[tron21]

Со вторым решением со стэковерфлоу я сталкивался, но тогда на строчку

const location = useLocation<LocationState>();

приходит ошибка тайпскрипта об аргументах - TS2558: Expected 0 type arguments, but got 1.

[tron21]

А с 1 вариантом, к сожалению, версии различаются. У меня 6.2.2 , там указано что это типы под версию 5.1