React с TypeScript

type ButtonProps = {
  variant?: "primary" | "ghost";
  onClick: (e: React.MouseEvent<HTMLButtonElement>) => void;
  children: React.ReactNode;
} & React.ComponentProps<"button">;

function Button({ variant = "primary", ...rest }: ButtonProps) {
  return <button className={variant} {...rest} />;
}

const [user, setUser] = useState<User | null>(null);

Что важно знать

• Props — через type или interface; React.FC не обязателен.
• React.ReactNode для children, React.ComponentProps<"input"> — унаследовать атрибуты нативного элемента.
• Состояние, которое начинается с null, — явный тип в useState.
• Типы событий: React.ChangeEvent<HTMLInputElement>, React.FormEvent.
• Контекст без значения по умолчанию — свой хук с проверкой, что провайдер есть.
• Дженерик-компоненты: function List<T>({ items, render }: …).