Devjar

  import { useState } from 'react'
  import useSWR from 'swr'
  import Text from './mod1'
  import './styles.css'

  export default function App() {
    const [num, inc] = useState(1)
    const { data } = useSWR('world', key => key)
    return (
      <div>
        <h2 className='title'><Text /> hello <b>{data}</b></h2>
        <p>Volume {Array(num % 6).fill('●').join('')}</p>
        <button className='button' onClick={() => inc(num + 1)}>increase</button>
      </div>
    )
  }