Blueprint Multiselect Issue

Question

Here is my code for multiselection,

<MultiSelect 
popoverProps={{ popoverClassName: "filter-scroll", }} 
items={appState.graph.metadata.uniqueValue[it]} 
itemRenderer={CommonItemRenderer}          
onItemSelect={selectit => {
                appState.graph.nodes.filter[it] ? appState.graph.nodes.filter[it].push(selectit) : appState.graph.nodes.filter[it] = [selectit]
                appState.graph.filterNodes()
                
              }}
tagRenderer={selectit => { console.log("sadhakshd"); return selectit }}
tagInputProps={{ values: ['dajsghdkgaks'], onRemove: () => { console.log('gsajdghaj') } }}
            >
       </MultiSelect>

However, when I make selections. the tags do not show in the taginput. I console.log() some random to see if the tagrenderer function is called, then I realize it is never called. I wonder what can be the problem, thank you very much.