reatom_ok

import React, {useEffect} from 'react';
import {declareAction, declareAtom} from "@reatom/core";
import {useAction, useAtom} from "@reatom/react";

const changeAtom = declareAction();

const atomPrimitive = declareAtom(0, on => [
    on(changeAtom, (state, payload) => {
        console.log("new payload: ", payload);
        return payload;
    })
]);

export const App = () => {
    const changeValue = useAction(changeAtom);
    const value = useAtom(atomPrimitive);

    useEffect(() => {
        setInterval(() => {
            document.getElementsByTagName('button')[0].click();
        }, 1000);
    }, []);

    return (
        <div>
            <div>{value}</div>
            <button onClick={() => {
                changeValue(Math.random());
            }}>Update manual</button>
        </div>
    );
};