Как определить дженерик тип в стрелочной функции?

Question

[Павел Орловский]

Вот так мы определяем дженерик тип для функции объявленной вида function declaration.

export function withAuthRedirect<WCP>(
  WrappedComponent: React.ComponentType<WCP>
) {
  const RedirectComponent = (props: WCP) => {
    const isAuth = useSelector((state: CombinedStateType) => state.auth.isAuth);
    if (!isAuth) return <Redirect to="/login" />;
    return <WrappedComponent {...props} />;
  };
  return RedirectComponent;
}

Вопрос: Как определить дженерик тип для стрелочной функции? Ниже код не работает. JSX element 'WCP' has no corresponding closing tag.ts(17008). воспринимается как JSX tag.

export const withAuthRedirect = <WCP(тут ошибка)>(WrappedComponent: React.ComponentType<WCP>) => {
  const RedirectComponent = (props: WCP) => {
    const isAuth = useSelector((state: CombinedStateType) => state.auth.isAuth);
    if (!isAuth) return <Redirect to="/login" />;
    return <WrappedComponent {...props} />;
  };
  return RedirectComponent;
};

Answer 1

[WbICHA]

<WCP,>

Comments

[Павел Орловский]

Спасибо все сработало :)
А можете пожалуйста вкратце объяснить почему это так работает?

[WbICHA]

fendrarog, да тут нечего объяснять. Без запятой тс принимает этот фрагмент за jsx, поэтому и ошибка соответствующая.

[Павел Орловский]

WbICHA, спасибо за разъяснения.