Why is there a memory leak here?

Question

React

I'm making a game, it has a store in which there are several panels, indicates that in this code, a leak:

const Businesses = () => {
  // массив бизнесов
  const getBusinesses = useRecoilValue(GET_BUSINESSES)
  const businesses = getBusinesses.map((item: any) => <ShopItems
      key={`id${item.id}`}
      img={item.img}
      title={item.title}
      requirements={`Стоимость: ${item.costString} ${SYMBOLS_RUB}`}
      status={`Доходность: ${item.earningsString} ${SYMBOLS_RUB}/час`}
    />)

  return (
    <Div>
      {businesses}
    </Div >
  )
}

I have an assumption that because of the map, but ... how much I used it, this did not happen ...
It only occurs when I re-pass to the section with this component

Thanks for the help!

Answer 1

Typically, this error occurs as a result of performing an asynchronous operation inside the useEffect hook. To solve the problem, there should be a return inside the hook. See here https://ru.reactjs.org/docs/hooks-effect.html components with reset effects

Answer 2

But I don't use useEffect

You are not. In the specified component, there is a call to a single (custom) hook - useRecoilValue. Custom hooks are functions that call regular hooks, like useEffect