React Component not updating text when I change it

When I click the increment button I expect the value displayed to go up but it stays the same

`

import * as React from 'react';

const MyComponent = () => {
  var count = 0;
  
  return (
    <div>
      <h1>Hello World</h1>
      <button onClick={() => count++}>{count}</button>
    </div>
  );
};

`

>Solution :

You’re not going to force a re render so your updated variable won’t show.

import React, {useState} from 'react';

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

  return (
    <div>
      <h1>Hello World</h1>
      <button onClick={() => setCount(count + 1)}>{count}</button>
    </div>
  );
};