/**

 * Copyright (c) Meta Platforms, Inc. and affiliates.

 *

 * This source code is licensed under the MIT license found in the

 * LICENSE file in the root directory of this source tree.

 */

import * as React from 'react';

import {useState} from 'react';

import {createRoot} from 'react-dom';

function createContainer() {

  const container = document.createElement('div');

  ((document.body: any): HTMLBodyElement).appendChild(container);

  return container;

}

function StatefulCounter() {

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

  const handleClick = () => setCount(count + 1);

  return <button onClick={handleClick}>Count {count}</button>;

}

createRoot(createContainer()).render(<StatefulCounter />);