Сбору ресурсов не нравится мой массив - React shopify app-bridge

Question

Итак, я получаю выбранные элементы из средства выбора ресурсов и пытаюсь использовать его для initialSelectionIds.

Однако я получаю эту ошибку при использовании, так как вначале она пуста: я также не уверен, как получить selectedValueв правильный формат. ошибка:

appBridgeError: APP::ERROR::INVALID_OPTIONS: `type_error_expected_object` thrown for path: ['initialSelectionIds']['0'] and value: `[]

      const handleSelection = (resources) => {
      const idsFromResources = resources.selection.map(v => "id:'" + v.id +'\'');
      const namesFromResources = resources.selection.map(p => p.title);

      selectedValue = JSON.parse(idsFromResources); <Page
    title='Allergen Selector'
    primaryAction={{
      content: 'Select Allergens',
      onAction: () => opend(),
      
    }}>
      <ResourcePicker
        resourceType="Product"
        showVariants={true}
        open={active}
        onSelection={(resources) => handleSelection(resources)}
        onCancel={handleToggle}


      initialSelectionIds={[selectedValue ]   }
     />
  </Page>

Но это работает, когда я использую это:

      const productWithAllVariantsSelected = {
    id: 'gid://shopify/Product/6337793261759',
  };
<ResourcePicker
            resourceType="Product"
            showVariants={true}
            open={active}
            onSelection={(resources) => handleSelection(resources)}
            onCancel={handleToggle}
            initialSelectionIds={[productWithAllVariantsSelected] }
         />