Ок

там есть users с маленькой

Сломал весь мой алгоритм)

ага, фукнции и интерфейсы, крутяк, надо себе так же сделать

Вот бы еще как-то хуки валидировать

А то классно когда в рантайме узнаешь что ты где-то не там его использовал

реакта? Есть для этого плагинчик

Какой?

Лучше бы конечно это в фазу компиляции пихать

ну можно туда линтер добавить
https://www.npmjs.com/package/eslint-plugin-react-hooks

Спасибо

import React from 'react';
import { Route, useHistory, RouteProps, RouteComponentProps } from 'react-router-dom';
import { useSelector } from 'react-redux';

import { getToken } from 'modules/login/selectors';

const PrivateRoute = ({
  component: Component,
  ...props
}: {
  component: React.ComponentType<RouteComponentProps>;
}): Route<RouteProps> | null => {
  const token = useSelector(getToken);
  const history = useHistory();

  if (!token) {
    history.push('/');
    return null;
  }

  return <Route component={Component} {...props} />;
};

export default PrivateRoute;

Привет! Подскажите, что тут не так

import React from 'react';
import { Route, useHistory, RouteProps, RouteComponentProps } from 'react-router-dom';
import { useSelector } from 'react-redux';

import { getToken } from 'modules/login/selectors';

const PrivateRoute = ({
  component: Component,
  ...props
}: {
  component: React.ComponentType<RouteComponentProps>;
}): Route<RouteProps> | null => {
  const token = useSelector(getToken);
  const history = useHistory();

  if (!token) {
    history.push('/');
    return null;
  }

  return <Route component={Component} {...props} />;
};

export default PrivateRoute;

Это к вам вопрос)
Ошибку покажите, на что ругается?

проект на тайпскрипте, вот такой конфиг вебпака https://gist.github.com/tfomina/c2863af11bbd937a88ba84780abaaa5d, хочу использовать less + css-modules, но выдает ошибку при подключении стилей. в чем проблема, как это исправить?