Redux не получает логическое значение

Question

В настоящее время состояние получает данные для каждого свойства, я могу консоль записать все это, и флажок возвращает правильное значение, когда отмечен и не отмечен

Но всякий раз, когда я нажимаю на поиск, он не проходит значение флажка в URL, как и другие значения

Я понимаю, что когда я нажимаю на кнопку поиска, он вызывает props getGroup, но никогда не передает groupSuperGroup НО, когда я добавляю его в аргументы, я получить эту синтаксическую ошибку Argument of type 'boolean' is not assignable to parameter of type 'number | undefined'.ts(2345)

Может кто-нибудь помочь мне выяснить, почему он говорит мне, что логическое не присваивается номеру, когда я определил его как логическое значение?

interface SearchProps {
        getGroup: (type: 'ITEM' | 'STORE', name?: string, description?:
        string, date?: string, limit?: number, page?: number, active?: boolean, superGroup?: boolean) => void;
}

    const [state, setState] = useState({ groupDescription: '', groupName: '', groupEffectiveDate: today, type: props.groupType, groupSuperGroup: true })


const handleCheckboxChange = (superGroup: any) => {
    setState({ ...state,  groupSuperGroup: !state.groupSuperGroup });
}

const searchGroup = () => {
    props.spinnerOn();
    props.getGroup(state.type, state.groupName, state.groupDescription, state.groupEffectiveDate);
}

return props.show ? ReactDOM.createPortal((

    <FormControlLabel
             control={<Checkbox checked={!state.groupSuperGroup} onChange= 
             {handleCheckboxChange} value={state.groupSuperGroup} name="SG" />}
             label="SG" labelPlacement="top"
    />
    <Button variant="contained" color="default" startIcon={<SearchIcon />} onClick= 
             {searchGroup}>Search</Button>
    ), document.querySelector('#modal') as Element) : null;
}

const mapStateToProps = (state: ApplicationState) => {
    return {
        results: state.results
    }
}

const mapDispatchToProps = (dispatch: any) => {
    return {
                getGroup: (type: 'ITEM' | 'STORE', name?: string, description?: string, date?: string, 
                limit?: number, page?: number, active?: boolean, superGroup? : boolean) =>
                     dispatch(actionTypes.getGroup(type, name, description, date, limit, page, active, 
                              superGroup))
    }
}

Файл моего действия для getGroup

export const getGroup = (type: 'ITEM' | 'STORE', name?: string, description?: string, date?: string, limit: number = 1000, page: number = 1, active: boolean = true, superGroup?: boolean) => {
    return (dispatch: any) => {
        let queryString = `?limit=${limit}&page=${page}&active=${active}&type=${type}&`;
        if (name) queryString += `name=${name}&`;
        if (description) queryString += `description=${description}&`;
        if (date) queryString += `effectiveDate=${date}&`;
        if (superGroup) queryString += `superGroup=${superGroup}&`;