storybook/docs/snippets/react/component-story-with-query.js.mdx

```js
// my-component-with-query.stories.js

import MyComponentThatHasAQuery, { MyQuery } from '../component-that-has-a-query';

const Template = (args) => <MyComponentThatHasAQuery {...args} />;

export const LoggedOut = Template.bind({});
LoggedOut.parameters = {
  apolloClient: {
    mocks: [
      {
        request: {
          query: MyQuery,
        },
        result: {
          data: {
            viewer: null,
          },
        },
      },
    ],
  },
};
```