Chakra UI × TypeScriptで「&&」を使うとエラーが出る

      <Box display={modal && 'none'}>
        hello
      </Box>

//型 'false | "none"' を型 'ResponsiveValue<Display> | undefined' に割り当てることはできません

##対処法

	<Box display={modal ? 'none' : 'block'}>
	  hello
	</Box>

Chakra UIで「&&」や「||」でプロパティを切り替えるのではなく、三項演算子を使用して切り替える

考えてみれば当たり前なんだけどね〜