Simple react-three-flex Text example?

Question

The @react-three/flex demos have a lot of extra stuff in them, I can't easily parse whats needed to make a simple flex-column.

Can anyone show me a barebones implementation of three-flex to make drei Text responsive? I'm trying to make a left-aligned flex column.

export default function AboutTextFlex() {
    const { viewport } = useThree()
  return (
    <>
    <Flex 
    alignItems="flex-start"
    flexDirection="column"
    flexWrap="wrap" justifyContent="flex-start" position={[0,5,0]}  size={[1,1,0]}>
      <Box>
        <Text fontSize={0.2}>Paragraph 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vulputate, mi nec molestie scelerisque, lorem nulla hendrerit neque, laoreet finibus est nunc eu nisi. In quis congue neque. </Text>
      </Box>
      <Box>
        <Text fontSize={0.2}>Paragraph 2 Nunc eleifend dui ac arcu aliquet, vitae dapibus diam tempor. Duis facilisis placerat massa in tristique. Vivamus a tempus velit. Integer leo ante, pharetra vitae mollis quis, vestibulum a magna.  </Text>
      </Box>
      <Box>
        <Text fontSize={0.2}>Paragraph 3 Sed imperdiet porttitor odio, sed elementum tellus luctus vel. </Text>
      </Box>
    </Flex>
    </>
)}