NgRX parameterized selector problem

cool.component.ts

import { State } from '../shared';

constructor(store: Store<State>) {
  // this call to errors because I haven't passed a "state"
  store.select(selectNotificationsByGroupType(), { type: this.group.type });
}

feature.reducer.ts

export interface State {
  groups: NotificationGroup[];
  error: string | null;
}

export const selectAll = createSelector(
  (state: State) => state.groups,
  (groups: NotificationGroup[]) => groups
);

// parameterized selector to get notifications by group type
export const selectNotificationsByGroupType = () =>
  createSelector(
    (state: State, props) =>
      state.groups.find((group) => group.type === props.type),
    (group) => (group ? group.notifications : [])
  );

shared.ts

export const selectNotificationGroupsState = (state: State) => state.groups;

export const selectAllNotificationGroups = createSelector(
  selectNotificationGroupsState,
  fromNotifications.selectAll
);

export const selectNotificationsByGroupType = createSelector(
  selectNotificationGroupsState,
  fromNotifications.selectNotificationsByGroupType
);