Ошибка при использовании useState в официальном примере

Этот код пришел из здесь.

import React from 'react';
import useState from 'react'

let f = function() {

  const [count, setCount] = useState(0);

  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick = {() => setCount(count + 1)}>
        Click me
      </button>
    </div>
  );
}

export default f;

Во-первых, эта строка с той страницы...

import React, { useState } from 'react';

... приводит к тому, что useState имеет значение null, но я изменил эту строку. Во всяком случае, я получаю следующую ошибку...

TypeError: react__WEBPACK_IMPORTED_MODULE_1___default(...) is not a function

Эта ошибка исчезнет, ​​если я изменю код на этот...

const [count, setCount] = [1, () => {}]

Так что я полагаю, что useState - это проблема, а не функция. Возможно, мой пользовательский импорт работает неправильно. В таком случае, почему официальный импорт не работает?

Я использую React 16.8.1. В моем файле пакетов есть эти...

"react-dom": "16.8.1",
"react": "16.8.1",

Я удалил локальную папку node_modules и запустил npm install --force -g.

Console.log на useState дает...