React Hooks docs: add an useContext example where state is updated within a functional component

The React Hooks docs has in the useContext section an example where state is updated within a class component. How is this done within a functional component?

I did this example https://codesandbox.io/s/3vxr57vm7q but I am wondering if it is possible with less DRY, especially in index.js, lines 10-18:

  const [count, setCount] = useState(0)

  return (
    <Context.Provider
      value={{
        count: count,
        setCount: setCount
      }}
    >

With just one state property and one setState function it's ok but imagine you have five of those pairs, then you must repeat every one three times (eg.: count in useState, as key and as property in <Context.Provider />).

Hence, an example would be great and if I did it the right way.

Bắt đầu với phần useContext trong tài liệu React Hooks và so sánh phần này với CodeSandbox được liên kết, đặc biệt là các dòng 10-18 trong index.js. Công việc được xem là hoàn thành khi phần này bao gồm một ví dụ về functional component cho thấy cách cập nhật state của context và đề cập đến việc liệu các thuộc tính state và setter bị lặp lại có thể được đơn giản hóa hay không.