Как присвоить тип в деструктуризации?

Question

Не знаю как присвоить тип к children

const RequireAuth = ({children}) => {
  const location = useLocation();
  const auth = false; //fake auth

  if (!auth) {
    return <Navigate to='/login' state={{from: location}} />
  }
  return children
}

Вот так пробовал, не работает

const RequireAuth = ({children: object}) => ...

Answer 1

const RequireAuth = ({children}: PropsWithChildren<{}>) => {

const RequireAuth = ({children}: {children: ТутНужныйТип}) => {

Answer 2

Есть как минимум два пути

указать тип параметра:
- ({children}: {children: ChildrenType}) => {
- ({children}: ArgType) => {, где ArgType - тип с полем children

указать тип функции

const RequireAuth: ({children:ChildrenType})=>ReturnType = ({children}) => {

Ввиду того, что используется реакт, можно воспользоваться встроенным типом для функциональных компонентов FC

БЛОГ НА HUSL

Как присвоить тип в деструктуризации?

Ответы (2 шт):