Not sure why my Resource picker won't render? (react, rails & app bridge)

Retired Boards Appdev Tools
1 
import React from "react"
import PropTypes from "prop-types"
import { Page } from '@shopify/polaris';
import { ResourcePicker } from '@shopify/app-bridge-react';

class CreateUpsell extends React.Component {
  state = { open: false }
  render () {
    return (
      
    );
  }
  handleSelection = (resources) => {
    const idFromResources = resources.selection.map((product) => product.id);
    this.setState({open: false})
    console.log(idFromResources);
  }
}

export default CreateUpsell
2

for some reason my console error and app.js component file didn’t load into the post, so here it is too :slightly_smiling_face: thanks in advance.

console errors
console errors2560×812 346 KB

import {
  ApolloClient,
  ApolloProvider,
  HttpLink,
  InMemoryCache,
} from '@apollo/client';
import { AppProvider, EmptyState, Page } from '@shopify/polaris';
import { authenticatedFetch } from '@shopify/app-bridge-utils';

import enTranslations from '@shopify/polaris/locales/en.json';
import React from 'react';

import TestData from './TestData';
import CreateUpsell from './CreateUpsell'

export default function App() {
  const client = new ApolloClient({
    link: new HttpLink({
      credentials: 'same-origin',
      fetch: authenticatedFetch(window.app), // created in shopify_app.js
      uri: '/graphql'
    }),
    cache: new InMemoryCache()
  });

  return (
    
  );
}
3

Did you managed to fix the issue?