Type 'string' is not assignable to type '"" | «success» | «warning» | "error"'?

Question

[asdasdqwe]

Компонент:

interface AlertProps {
  variant: "success" | "warning" | "error" | "";
}

const Alert = ({ variant }: AlertProps) => {}

Вызов компонента:

const [alertvariant, setAlertvariant] = useState("success");

  return (
     <Alert variant={alertvariant} />
)

В итоге ошибка Type 'string' is not assignable to type '"" | "success" | "warning" | "error"'.

Comments

[WbICHA]

Потому что стейт надо типизировать.

Answer 1

[Аzad Kichibekov]

const [alertvariant, setAlertvariant] = useState<AlertProps["variant"]>("success");