I am sending like "oemName": %${''}% which works fine but without % it doesnt work which is making me wonder why its happening.

const getEquipmentNameSearch = async (SearchText?: any) => {
    console.log("Args", SearchText)

    try {
        const responseData: any = await client.query({
            query: SEARCH_EQUIPMENTS_BY_NAME,
            variables: {
                "oemName": SearchText === undefined ? `%${''}%` : `%${SearchText}%`,
                // "oemName": `${''}`
            },
            fetchPolicy: 'network-only',
            context: { role: MasterMaterialRoles.read },
        });
        const filteredResult = responseData.data.equipmentMaster?.filter((item: any) => item.oemName.toLowerCase().includes(SearchText?.toLowerCase()))
        const responseDataList = SearchText ? filteredResult : responseData.data.equipmentMaster
        dispatch({
            type: GET_EQUIPMENT_MASTER,
            payload: responseDataList,
        });

    } catch (error: any) {
        console.log('err:', error)

    }
}

On directly using ${''} I am getting '' in payload but nothing is getting rendered on the page.

Payload