bun-src/test/bundler/transpiler/react-compiler-fixtures/error.invalid-useMemo-callback-args.expect.md

Input

function component(a, b) {
  let x = useMemo(c => a, []);
  return x;
}

Error

Found 2 errors:

Error: useMemo() callbacks may not accept parameters

useMemo() callbacks are called by React to cache calculations across re-renders. They should not take parameters. Instead, directly reference the props, state, or local variables needed for the computation.

error.invalid-useMemo-callback-args.ts:2:18
  1 | function component(a, b) {
> 2 |   let x = useMemo(c => a, []);
    |                   ^ Callbacks with parameters are not supported
  3 |   return x;
  4 | }
  5 |

Error: Found missing memoization dependencies

Missing dependencies can cause a value to update less often than it should, resulting in stale UI.

error.invalid-useMemo-callback-args.ts:2:23
  1 | function component(a, b) {
> 2 |   let x = useMemo(c => a, []);
    |                        ^ Missing dependency `a`
  3 |   return x;
  4 | }
  5 |

Inferred dependencies: `[a]`