রিয়েক্ট useSyncExternalStore

import {createRoot} from "react-dom/client";
import React, {useSyncExternalStore} from "react";

const store = {
  value: 0,
  listeners: new Set(),
  subscribe(listener) {
    this.listeners.add(listener);
    return () => this.listeners.delete(listener);
  },
  getSnapshot() {
    return this.value;
  },
  increment() {
    this.value++;
    this.listeners.forEach(listener => listener());
  }
};

function App() {
  const value = useSyncExternalStore(
    store.subscribe.bind(store),
    store.getSnapshot.bind(store)
  );

  return (
    <div>
      <button onClick={() => store.increment()}>বৃদ্ধি</button>
      <p>ভ্যালু: {value}</p>
    </div>
  );
}

createRoot(
  document.getElementById("root")
).render(<App/>);