() => {

  const arr = useArray([1, 2, 3])

  const pushFive = () => arr.push(5)

  const pop = () => arr.pop()

  return (

    <>

      <Button

        onClick={pushFive}

        size="large"

        type="primary"

        style={{ margin: '.5em' }}

      >

        Push 5

      </Button>

      <Button onClick={pop} size="large" type="primary">

        Pop

      </Button>

      <List

        style={{ margin: '.5em' }}

        bordered

        dataSource={arr.value}

        renderItem={item => <List.Item>{item}</List.Item>}

      />

    </>

  )

}