2021-07-01から1日間の記事一覧

2021-07-01

Next.js × Chakra UI レスポンシブ値を変更できる useBreakpointValue で複数の値を扱いたい時のハマりどころ

Chakra UI Next.js React TypeScript JavaScript Tips Responsive

デフォルトだと useBreakpointValue が初回レンダリング時に undefined を返すので、分割代入で値を受け取ろうとしたらエラーになる Chakra UI v1.6.4 以降なら defaultBreakpoint オプションを使う。それ以前なら useBreakpointValue() || defaultValue で…