rowRenderer invalid hooks error

I used rowRenderer for my custom row component and ı need to use useEffect hooks inside this component but ı got Invalid hook call error.
```jsx
...

{({ width, height }) => (
}
rowRenderer={EventRow}
rowHeight={84}
/>
)}

...
```

if ı use the hooks inside ***EventRow*** component ı got ***react.development.js:1476 Uncaught Error: Invalid hook call. Hooks can only be called inside of the body of a function component.*** error.
***EventRow*** is a functional component.