import React, { Suspense } from "react";
import { render } from "react-dom";
import { interval } from "rxjs";
import { datasource, useReadData, Provider } from "@naporin0624/react-flowder";

const timer = datasource(() => interval(1000));

const Timer = () => {
  const time = useReadData(timer());

  return (
    <div>
      <p>time: {time}</p>
    </div>
  );
};

const App = () => (
  <Provider>
    <Suspense fallback={<p>loading</p>}>
      <Timer />
    </Suspense>
  </Provider>
);

export default App;