no-flush-sync

Full Name in @eslint-react/eslint-plugin

@eslint-react/dom/no-flush-sync

Full Name in eslint-plugin-react-dom

react-dom/no-flush-sync

Presets

dom recommended recommended-typescript recommended-type-checked strict strict-typescript strict-type-checked

Description

Disallow flushSync.

flushSync can significantly hurt performance, and may unexpectedly force pending Suspense boundaries to show their fallback state.

Most of the time, flushSync can be avoided, so use flushSync as a last resort.

import { flushSync } from "react-dom";

flushSync(() => {
  setSomething(123);
});