Init error while using index widget

I have an index and query suggestion index,
I want to call these two indexes in same function using multiquery
How can i do that and use that client method from multiquery?

Here is my instantsearch function

export const search = instantsearch({
    searchClient,
    indexName: INSTANT_SEARCH_INDEX_NAME
})

Add here is the part where i try to make multi-index call using the index widget.

search.addWidgets([
  virtualSearchBox({}),
  configure({
    hitsPerPage: 10,
    facetingAfterDistinct: true,
  }),
  customInfiniteHits({
    container: document.querySelector('#infinite-hits-custom'),
  }),
  
  clearRefinements({
    container: '#clear-refinement',
    templates: {
      resetLabel:  `<div class="resetall">${resetLabeltext} <span class="docs-icon icon-clearAll-search"></span></div>`,
    },
  }),
  customHierarchicalMenu({
    container: document.querySelector('#hierarchical-menu'),
    attributes: [
      'name',
      'product_version_level',
    ],
    sortBy: ['isRefined'],
    limit : 100,
    searchable: true,
  }),
  search.addWidgets[(
    index({ 
      indexName: 'en-us-staging_query_suggestions' 
    }),
    hits({
      container: '#testing-check',
      templates: {
        item:
          '{{#helpers.highlight}}{ "attribute": "query" }{{/helpers.highlight}}',
      },
    })
  )]
])

But i get this error after adding the index widget with different index name.

Uncaught TypeError: Cannot read properties of undefined (reading 'init')

I want only single search query to be fired for both indexes.