How to remake a function in jsx so that there is no error?

Question

React

A linter error appears

Expected an assignment or function call and instead saw an expression no-unused-expressions

As far as I understand it is impossible to use if in jsx, but how then to remake this function?

const handleTumblerClick = (isChecked) => {
    if (isRequestDone || isRequestInSavedDone) {
      isOnSavedPage ? filterShortFilmsInSaved(isChecked) : filterShortFilms(isChecked);
    }
  };

Answer 1

You misunderstand.
It jsxhas nothing to do with it at all.
The rule enabled by default eslint does not like when the train operator is "hanging in the air" (not assigned to a variable or not passed to a function, for example). Rewrite to if else, somehow use the result (for example return isOnSa...), or turn off\ignore the rule - there is no real problem here, it's just that such constructions can often be a mistake (when you just forgot to use the result).