スクロール可能にする そもそも、HTML/CSS で一定領域をスクロール可能にするどうやるのってところから分かってなかった。 領域(height, width) を指定して、overflow: 'auto' の指定でスクロール可能になるっぽい。 const InfiniteScrollPage = () => { return ( <Box bg={'blue.500'} py={32}> <Center> <Box bg={'white'} w={80} overflow={'auto'} h={'300px'}> {indexes.map(i => ( <Center key={i}> <Text>index of {i}</Text> </Center> ))} </Box> </Center> </Box> ) }