block5.js

// speakers.stories.js

import { QueryParams } from '@focusreactive/storybook-graphql-kit';
import { speakersQuery } from '../speaker.query';


export const speakers = Query({
  name: 'Conference Speakers',
  story: ({ graphQlResponse: { result } }) => result.map(({ name, bio }) => (<div><h2>{name}</h2><p>{bio}</p></div>)),
  query,
  vars: { conferenceTitle: 'React_Day_Berlin', eventYear: 'Y2019' },
  searchVars: { name: '' },
});