useIsMobile()
画面幅が狭いかどうかを返すフック。
ビューポートが狭い(768px 未満)かどうかを返すフックです。Sidebar が
モバイルでシートに切り替わる判定にも使っています。
import { useIsMobile } from "@squadbase/vantage/ui";
export default function Overview() {
const isMobile = useIsMobile();
return <EChart option={option} height={isMobile ? 200 : 360} />;
}
matchMedia を購読しているので、幅を変えると再描画されます。初回描画では false から始まる点に
注意してください(レイアウトの分岐は、可能なら CSS のブレークポイントで書く方が確実です)。