Error thrown in async write result in infinite loop

Trying to debug this, it looks like the Promise wrapped test error is constantly alternating being thrown by core/useAtom.ts#L33 and some internal React code.

This results in constant Rendering Test messages being logged.

import { atom, Provider, useAtom } from 'jotai';
import { Suspense } from "react";
import { render } from "react-dom";
import { ErrorBoundary } from "react-error-boundary";

const testAtom = atom(undefined, (async () => {
  throw new Error('test');
}));

render(<App />, document.getElementById("app"));

function App() {
  return (
    <Provider>
      <ErrorBoundary fallbackRender={({ error }) => { return (<p>{error.toString()}</p>); }}>
        <Suspense fallback={"Loading..."}>
          <Test />
        </Suspense>
      </ErrorBoundary>
    </Provider>
  );
}

function Test() {
  console.log('Rendering Test');
  const [_, write] = useAtom(testAtom);

  return (
    <button onClick={() => write()}>Test</button>
  );
}

[garrett-hopper]

@dai-shi, perhaps this should be a separate issue for discussion, but it seems like when a write function throws an error, it should be sent back to the caller so they can catch it and use something like useErrorHandler from react-error-boundary to display it to the user. It seems like at the moment the error is consumed and sent straight to the console.

[garrett-hopper]

Oh, duh, I wasn’t awaiting the returned promise. Nevermind; thanks for all your help!