Не могу выбрать продукт в мостике приложений shopify

Question

У меня такой код:

      import { Page } from "@shopify/polaris";
import { ResourcePicker}  from "@shopify/app-bridge/actions";
import { useState } from "react";
const Index = () => {
  const [opened, setOpened] = useState(false)

  return <Page title="Product import" primaryAction={{content: 'Select products', onAction:() => setOpened(true)}} >
    { opened && <ResourcePicker resourceType={'Product'} open={opened} ></ResourcePicker> }
  </Page>

}
export default Index;

Когда я нажимаю кнопку, чтобы открыть модальное окно, я получаю сообщение об ошибке:
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. Check the render method of Index

Это точно так, как описано в обучающих материалах.
Спасибо