CardDetail.js

    return (
      <Resource
        id={cardId}
        type="cards"
        endpoint={endpoint}
        componentClass={CardDetailPage}
        componentProps={{
          match,
          orgId,
          cardId,
          deckId,
          catId,
        }}
        query={{
          card: {
            id: cardId,
            fields: [
              'title',
              'cardType',
              'link',
              'subTitle',
              'frontImage',
              'backImage',
              'backDescription',
              'youtubeVideoId',
              'file',
            ],
            include: {
              activityItems: {
                where: { ownerId: cardId },
                fields: ['description', 'actorId'],
                include: {
                  actor: {
                    id: { fromContext: 'activityItem.actorId' } },
                    fields: [
                      'actorType',
                    ]
                  }
                }
              },
              cardDecks: {
                readOnly: true,
                where: { cardId, deckId },
                fields: ['cardId', 'deckId', 'published'],
                include: {
                  deck: {
                    readOnly: true,
                    id: deckId,
                    fields: ['title'],
                  },
                },
              },
            },
          },
        }}
      />