After upgrading to v2.1.10 my apps are no longer reactive

[pongstr]

I'm not sure what I'm doing wrong but nothing seems to be reactive anymore. Reproduce

import './App.css';

import { observable } from '@legendapp/state';
import { enableReactTracking } from '@legendapp/state/config/enableReactTracking';

enableReactTracking({ auto: true });

const count$ = observable(0);

function App() {
  const count = count$.get();

  return (
    <>
      <div className="card">
        <button onClick={() => count$.set(count + 1)}>count is {count}</button>
        <p>
          Edit <code>src/App.tsx</code> and save to test HMR
        </p>
      </div>
      <p className="read-the-docs">
        Click on the Vite and React logos to learn more
      </p>
    </>
  );
}

export default App;

Found the answers here

https://legendapp.com/open-source/state/react/react-introduction/#enablereacttracking

I wish it was indicated that the state outside the component will not be reactive/trigger a re-render.

https://legendapp.com/open-source/state/react/react-introduction/#observer

Not super happy about wrapping every component in an observer function. Why this?