JSX props should not use functions react/jsx-no-bind

Question

i am forking a app. but in gives me this errors. instead or arrow function what should i use or should i download any dependencies?

here is the code

    const modalBottom = () => {
    return (
      <ConfirmAddModalBottom
        price={price}
        currencies={currencies}
        parsedAmounts={parsedAmounts}
        noLiquidity={noLiquidity}
        onAdd={onAdd}
        poolTokenPercentage={poolTokenPercentage}
      />
    )
  }

error: 8: JSX props should not use functions react/jsx-no-bind

Answer 1

Maybe you could try to install jsx with npm . Like this:

npm install -g jsx

If u have any question let me know. I am also forking PCS.

Answer 2

I found that the problem was solved by following the eslint documentation to this section.

Essentially, move any of your functions into a useCallback hook and that should stop the error.