TypeScript/Next.js/ChakraUIを使ったクソアプリを作る

❯ touch tsconfig.json

❯ yarn dev
yarn run v1.22.17
$ next dev
warn  - Port 3000 is in use, trying 3001 instead.
ready - started server on 0.0.0.0:3001, url: http://localhost:3001
It looks like you're trying to use TypeScript but do not have the required package(s) installed.

Please install typescript and @types/react by running:

        yarn add --dev typescript @types/react

If you are not trying to use TypeScript, please remove the tsconfig.json file from your package root (and any TypeScript files in your pages directory).

error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

yarn add '@chakra-ui/react' '@emotion/react@^11' '@emotion/styled@^11' 'framer-motion@^5'

    <Box>
      <Box bg='orange' w='100%' p={4} color='white'>
        <Text>This is KinniQ!!</Text>
      </Box>
      <Container>
        <Text pt={5} fontSize='5xl' align='center'>
          KinniQ
        </Text>
        <Box pt={10} align='center'>
          このアプリケーションは筋肉に関する知識を問うクイズアプリです。
        </Box>

        <Center pt={7}>
          <Button colorScheme="teal" color="white">
            クイズに挑戦する
          </Button>
        </Center>
      </Container>
    </Box

const options = {
  tabWidth: 2,
  semi: false,
  singleQuote: true,
}

module.exports = options