no-flush-sync

Full Name in eslint-plugin-react-dom

react-dom/no-flush-sync

Full Name in @eslint-react/eslint-plugin

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

Features

🔍

What it does

This rule reports usages of 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);
});