Zenn
Closed7

Stitches

React
Stitches
subtsubt

Cardコンポネントでaspropを使いたかったので、

type Props = {
  src: string;
  name: string;
} & React.ComponentPropsWithRef<typeof Box>;

として、CardのpropsにBox(styledでくるんだdiv)のpropsを追加したら

(property) as: string
型 '{ key: string; as: string; src: string; name: string; }' を型 'IntrinsicAttributes & { src: string; name: string; } & Omit<Pick<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<...>> & { ...; }, "css"> & TransformProps<...> & { ...; }' に割り当てることはできません。
  プロパティ 'as' は型 'IntrinsicAttributes & { src: string; name: string; } & Omit<Pick<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<...>> & { ...; }, "css"> & TransformProps<...> & { ...; }' に存在しません。ts(2322)

と怒られました

as: string;を追加してCardのpropsを

type Props = {
  src: string;
  name: string;
  as: string;
} & React.ComponentPropsWithRef<typeof Box>;

と定義しなおすと、エラーが消えました

このスクラップは2023/02/13にクローズされました