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;