`usePropsSelector` from `redux-views`

use-props-selector.ts

import * as React from 'react'
import { useSelector } from 'react-redux'
import type { OutputSelector, OutputParametricSelector } from 'redux-views'

type SelectorWithIdAndUse = (OutputSelector<any, any, any> | OutputParametricSelector<any, any, any, any>) & {
  use?: (...args: any[]) => any
  idSelector?: (...args: any[]) => any
}

export const usePropsSelector = <T extends SelectorWithIdAndUse = SelectorWithIdAndUse>(
  selector: T,
  props: any,
): ReturnType<typeof selector> => {
  const id = selector.idSelector && selector.idSelector(null, props)

  React.useEffect(() => selector.use && selector.use(id), [selector, id])

  return useSelector(state => selector(state, props))
}