React-хуки не работают в компонентах Gatsby

Question

Я пытаюсь сделать простое переключение меню. И это работает - но только с классами реагирования. Когда я хочу использовать функциональные компоненты, устанавливается начальное состояние (но не в инструменте отладки chrome реагировать), но функция toggleExpanded вообще не меняет состояние.

Я попробовал даже базовый c пример с реального сайта реакции:

import React, { useState } from 'react';

function Example() {
  // Declare a new state variable, which we'll call "count"
  const [count, setCount] = useState(0);

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

Это также не работает. Но когда я учусь в классе - все хорошо.

Что это может быть - это нормальное поведение компонентов gatsby?

Answer 1

Решение было - мне пришлось обновить версию всех пакетов.

yarn upgrade

после этого - крючки сработали;)