Select data from Redux store

[armandocin]

Hi, I use React-Table to create a re-usable table component, and use this in several pages that create their own columns array and pass the data loaded from api.

Now What I'm wondering is: is it logically correct to get some data from the Redux store directly using useSelector in the component passed to Cell or accessor property?

E.g.

The table renders data from array of orders loaded from API. One of the cells of this table is the Account that made the order, and the value for this column got by the accessor is just an ID.
Now, assuming that in Redux I've already loaded the accounts, I want to select from Redux the corresponding account object using useSelect and the ID.

const orders = [{
   account: '123456789',
   ...
}, ...] // this is actually fetched from API but it is not important fro the question

let columns = [
   ...,
   {
      Header: 'Account',
      id: 'account',
      accessor: ({ account: id }) => {
         /* This is actually an imported component, not an inline function */
         const account = useSelector(state => state.accounts[id])
         return (...)
      }
   },
   ...
]

return (
   <Table
      data={orders}
      columns={columns}
   />
)

Is this a good pattern?

Thanks for your help