abhiaiyer91 / apollo-storybook-decorator Goto Github PK

View Code? Open in Web Editor NEW

330.0 330.0 34.0 2.6 MB

Wrap your storybook environment with Apollo Client, provide mocks for isolated UI testing with GraphQL

JavaScript 75.18% Vue 1.62% HTML 2.73% TypeScript 20.46%

angular apollo-client graphql react storybook vue

apollo-storybook-decorator's People

Contributors

Stargazers

Watchers

apollo-storybook-decorator's Issues

Support apollo hooks

The imports in the latest apollo hooks is a little different. The package needs to be migrated to support this.

Update peer dependencies

Getting these warnings from yarn. I'm using React 16. Can you bump up the major version number of these or use an alternate style to make sure they're acceptable?

warning " > [email protected]" has unmet peer dependency "@storybook/addon-actions@^3.1.6".
warning " > [email protected]" has incorrect peer dependency "apollo-cache-inmemory@^1.1.1".
warning " > [email protected]" has incorrect peer dependency "apollo-client@^2.0.2".
warning " > [email protected]" has incorrect peer dependency "apollo-link@^1.0.3".
warning " > [email protected]" has incorrect peer dependency "graphql-tools@^2.7.2".
warning " > [email protected]" has incorrect peer dependency "react@^15.6.1".
warning " > [email protected]" has incorrect peer dependency "react-dom@^15.6.1".

can't start the examples

This repo is awesome.
I really want to try it. However, after cloning and run all commands (from Readme.md),

$ yarn # install node deps
$ lerna bootsrap
$ yarn storybook # for storybook testing

always got error :
/bin/sh: start-storybook: command not found

btw, I have storybook in my global.

Links missing for vue package

Links are missing from Vue. There is a similar issue to react native here #50

mocking complex queries

Is it possible to mock queries with variables or inline fragments?

don't wrap story in ` <View style={{ flex: 1 }}>`

wrapping stories with <View style={{ flex: 1 }}> may have unexpected sideeffects on the appearance of a story. We can remove it or replace it with <Fragment>

[vue] broken import

import apolloStorybookDecorator from 'apollo-storybook-vue'

seems to be broken:

Module not found: Error: Can't resolve 'apollo-storybook-vue' in ...

import via absolute path works:

import apolloStorybookDecorator from '../node_modules/apollo-storybook-vue/lib/index'

I noticed that after installing the npm-package node_modules/apollo-storybook-vue has no subfolder src (in contrast to node_modules/apollo-storybook-core), so maybe the build/deployment pipeline is missing something.

Vue Apollo

Rewrite each decorator in typescript

Must provide typeDefs - if typeDefs have been combined from multiple sources

I have a fairly simple setup at the mo where I am adding the decorator as per the instructions

// .storybook/config.js
addDecorator(
  apolloStorybookDecorator({
    typeDefs,
    mocks,
  }),
);

All works well if I import typedefs from a single file but if I import them merged from different files, eg

import { typeDefs as mediaTypeDefs, mocks as mediaMocks } from './mocks/media';
import { typeDefs as fileUploadTypeDefs, mocks as fileUploadMocks } from './mocks/fileUpload';

export const queryRoot = gql`
  type Query {
    jobs: [Job]
    mediaList(uid: String): [Media]
    media(uid: String): Media
    uploads: [File]
  }

  type Mutation {
    uploadFiles(files: [Upload!]!): [File]!
  }

  schema {
    query: Query
    mutation: Mutation
  }
`;

export const typeDefs = [queryRoot, mediaTypeDefs, fileUploadTypeDefs];

I get a Must include typeDefs error.

I would like to split my schema into manageable chunks but this issue is holding that ambition back.

Any ideas?

Cheers

Is this package still maintained?

Hey! Just a quick pulse-check on this package, is it still maintained/actively developed?
I can't seem to get it running & I noticed there are a couple of pending PRs & issues with no response for the last half a year

Issues installing this package

Hi.

I have several issues installing this package.

First. Missing graphql-tools. Ok, Installed in the client (save-dev)
Then. Missing apollo-test-utils. mmmm Ok, installed.
Finally. Missing redux-logger....

So, Your package throws a lot of errors (Can't resolve ...). Can you fix this, please? It's a very good idea test a Apollo Graphql App with storyboook.

Thank you

Will docs for Angular 15 be added?

I’m using Angular 15 with standalone components. Is there any documentation that I can follow?

Cannot use GraphQLSchema "[object Object]" from another module or realm

I'm getting this error:

Error: Cannot use GraphQLSchema "[object Object]" from another module or realm.

Ensure that there is only one instance of "graphql" in the node_modules
directory. If different versions of "graphql" are the dependencies of other
relied on modules, use "resolutions" to ensure only one version is installed.

https://yarnpkg.com/en/docs/selective-version-resolutions

Duplicate "graphql" modules cannot be used at the same time since different
versions may have different capabilities and behavior. The data from one
version used in the function from another could produce confusing and
spurious results.

I checked my package-lock.json and it looks like I just have one version of graphql.

Maybe I'm configuring something wrong cause I'm trying to get a remote schema.

//.storybook.config.js
async function loadApolloMock(){
  const git = octokit()
  const {data} = await git.repos.getContent({owner:'the-bid',repo:'microservice-tournaments',path:'/src/schemas/schema.graphql'})
  const typeDefs = new Buffer(data.content,'base64').toString()
  addDecorator(apolloStorybookDecorator({
    typeDefs,
    mocks: {Query:()=>({tournament:()=>MockTournament.tournament})}, //It would be nice if addMocksToSchema was just called as part of the decorator so it generated mocks (unless it does that and I'm not understanding the module
    links:()=>[] //for some reason it was throwing errors if I didn't do this.
  }))
}

loadApolloMock().then(()=>configure(loadStories, module)).catch((e)=>console.log(e))

Must specify link & cache properties on the config object.

When using apolloStorybookDecorator, I get an error from apollo client that "You must specify link & cache properties on the config object". Not sure what I can do to resolve this.

Revamp Docs

Traceback with Webpack 4.5, Apollo 2.2, React 16.4, Storybook 4.0.0a8 or 3.x

Action: start-storybook -p 6006

Intended result: Storybook starts

Result: traceback, included in entirety for completeness. .storybook/config.js beneath. Compilation works when running Webpack manually, FWIW (but obvs not in storybook)


ERROR in ./node_modules/graphql/index.mjs
2:0-49 Can't reexport the named export 'graphql' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
2:0-49 Can't reexport the named export 'graphqlSync' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'DEFAULT_DEPRECATION_REASON' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'GraphQLBoolean' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'GraphQLDeprecatedDirective' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'GraphQLDirective' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'GraphQLEnumType' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'GraphQLFloat' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'GraphQLID' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'GraphQLIncludeDirective' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'GraphQLInputObjectType' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'GraphQLInt' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'GraphQLInterfaceType' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'GraphQLList' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'GraphQLNonNull' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'GraphQLObjectType' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'GraphQLScalarType' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'GraphQLSchema' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'GraphQLSkipDirective' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'GraphQLString' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'GraphQLUnionType' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'SchemaMetaFieldDef' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'TypeKind' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'TypeMetaFieldDef' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'TypeNameMetaFieldDef' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export '__Directive' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export '__DirectiveLocation' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export '__EnumValue' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export '__Field' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export '__InputValue' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export '__Schema' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export '__Type' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export '__TypeKind' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'assertAbstractType' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'assertCompositeType' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'assertEnumType' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'assertInputObjectType' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'assertInputType' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'assertInterfaceType' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'assertLeafType' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'assertListType' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'assertNamedType' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'assertNonNullType' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'assertNullableType' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'assertObjectType' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'assertOutputType' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'assertScalarType' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'assertType' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'assertUnionType' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'assertValidSchema' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'assertWrappingType' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'getNamedType' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'getNullableType' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'introspectionTypes' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'isAbstractType' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'isCompositeType' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'isDirective' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'isEnumType' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'isInputObjectType' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'isInputType' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'isInterfaceType' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'isIntrospectionType' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'isLeafType' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'isListType' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'isNamedType' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'isNonNullType' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'isNullableType' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'isObjectType' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'isOutputType' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'isScalarType' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'isSchema' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'isSpecifiedDirective' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'isSpecifiedScalarType' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'isType' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'isUnionType' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'isWrappingType' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'specifiedDirectives' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'specifiedScalarTypes' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
39:0-61:50 Can't reexport the named export 'validateSchema' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
64:0-70:117 Can't reexport the named export 'BREAK' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
64:0-70:117 Can't reexport the named export 'DirectiveLocation' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
64:0-70:117 Can't reexport the named export 'Kind' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
64:0-70:117 Can't reexport the named export 'Source' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
64:0-70:117 Can't reexport the named export 'TokenKind' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
64:0-70:117 Can't reexport the named export 'getLocation' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
64:0-70:117 Can't reexport the named export 'getVisitFn' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
64:0-70:117 Can't reexport the named export 'parse' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
64:0-70:117 Can't reexport the named export 'parseType' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
64:0-70:117 Can't reexport the named export 'parseValue' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
64:0-70:117 Can't reexport the named export 'print' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
64:0-70:117 Can't reexport the named export 'visit' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
64:0-70:117 Can't reexport the named export 'visitInParallel' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
64:0-70:117 Can't reexport the named export 'visitWithTypeInfo' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
73:0-101 Can't reexport the named export 'defaultFieldResolver' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
73:0-101 Can't reexport the named export 'execute' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
73:0-101 Can't reexport the named export 'getDirectiveValues' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
73:0-101 Can't reexport the named export 'responsePathAsArray' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
75:0-68 Can't reexport the named export 'createSourceEventStream' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
75:0-68 Can't reexport the named export 'subscribe' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
78:0-82:708 Can't reexport the named export 'FieldsOnCorrectTypeRule' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
78:0-82:708 Can't reexport the named export 'FragmentsOnCompositeTypesRule' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
78:0-82:708 Can't reexport the named export 'KnownArgumentNamesRule' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
78:0-82:708 Can't reexport the named export 'KnownDirectivesRule' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
78:0-82:708 Can't reexport the named export 'KnownFragmentNamesRule' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
78:0-82:708 Can't reexport the named export 'KnownTypeNamesRule' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
78:0-82:708 Can't reexport the named export 'LoneAnonymousOperationRule' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
78:0-82:708 Can't reexport the named export 'NoFragmentCyclesRule' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
78:0-82:708 Can't reexport the named export 'NoUndefinedVariablesRule' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
78:0-82:708 Can't reexport the named export 'NoUnusedFragmentsRule' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
78:0-82:708 Can't reexport the named export 'NoUnusedVariablesRule' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
78:0-82:708 Can't reexport the named export 'OverlappingFieldsCanBeMergedRule' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
78:0-82:708 Can't reexport the named export 'PossibleFragmentSpreadsRule' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
78:0-82:708 Can't reexport the named export 'ProvidedNonNullArgumentsRule' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
78:0-82:708 Can't reexport the named export 'ScalarLeafsRule' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
78:0-82:708 Can't reexport the named export 'SingleFieldSubscriptionsRule' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
78:0-82:708 Can't reexport the named export 'UniqueArgumentNamesRule' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
78:0-82:708 Can't reexport the named export 'UniqueDirectivesPerLocationRule' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
78:0-82:708 Can't reexport the named export 'UniqueFragmentNamesRule' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
78:0-82:708 Can't reexport the named export 'UniqueInputFieldNamesRule' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
78:0-82:708 Can't reexport the named export 'UniqueOperationNamesRule' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
78:0-82:708 Can't reexport the named export 'UniqueVariableNamesRule' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
78:0-82:708 Can't reexport the named export 'ValidationContext' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
78:0-82:708 Can't reexport the named export 'ValuesOfCorrectTypeRule' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
78:0-82:708 Can't reexport the named export 'VariablesAreInputTypesRule' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
78:0-82:708 Can't reexport the named export 'VariablesDefaultValueAllowedRule' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
78:0-82:708 Can't reexport the named export 'VariablesInAllowedPositionRule' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
78:0-82:708 Can't reexport the named export 'specifiedRules' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
78:0-82:708 Can't reexport the named export 'validate' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
85:0-64 Can't reexport the named export 'GraphQLError' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
85:0-64 Can't reexport the named export 'formatError' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
85:0-64 Can't reexport the named export 'printError' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
88:0-148:42 Can't reexport the named export 'BreakingChangeType' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
88:0-148:42 Can't reexport the named export 'DangerousChangeType' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
88:0-148:42 Can't reexport the named export 'TypeInfo' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
88:0-148:42 Can't reexport the named export 'assertValidName' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
88:0-148:42 Can't reexport the named export 'astFromValue' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
88:0-148:42 Can't reexport the named export 'buildASTSchema' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
88:0-148:42 Can't reexport the named export 'buildClientSchema' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
88:0-148:42 Can't reexport the named export 'buildSchema' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
88:0-148:42 Can't reexport the named export 'coerceValue' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
88:0-148:42 Can't reexport the named export 'concatAST' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
88:0-148:42 Can't reexport the named export 'doTypesOverlap' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
88:0-148:42 Can't reexport the named export 'extendSchema' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
88:0-148:42 Can't reexport the named export 'findBreakingChanges' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
88:0-148:42 Can't reexport the named export 'findDangerousChanges' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
88:0-148:42 Can't reexport the named export 'findDeprecatedUsages' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
88:0-148:42 Can't reexport the named export 'getDescription' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
88:0-148:42 Can't reexport the named export 'getIntrospectionQuery' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
88:0-148:42 Can't reexport the named export 'getOperationAST' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
88:0-148:42 Can't reexport the named export 'introspectionFromSchema' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
88:0-148:42 Can't reexport the named export 'introspectionQuery' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
88:0-148:42 Can't reexport the named export 'isEqualType' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
88:0-148:42 Can't reexport the named export 'isTypeSubTypeOf' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
88:0-148:42 Can't reexport the named export 'isValidJSValue' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
88:0-148:42 Can't reexport the named export 'isValidLiteralValue' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
88:0-148:42 Can't reexport the named export 'isValidNameError' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
88:0-148:42 Can't reexport the named export 'lexicographicSortSchema' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
88:0-148:42 Can't reexport the named export 'printIntrospectionSchema' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
88:0-148:42 Can't reexport the named export 'printSchema' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
88:0-148:42 Can't reexport the named export 'printType' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
88:0-148:42 Can't reexport the named export 'separateOperations' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
88:0-148:42 Can't reexport the named export 'typeFromAST' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
88:0-148:42 Can't reexport the named export 'valueFromAST' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

ERROR in ./node_modules/graphql/index.mjs
88:0-148:42 Can't reexport the named export 'valueFromASTUntyped' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql/index.mjs
 @ ./node_modules/graphql-tools/dist/schemaGenerator.js
 @ ./node_modules/graphql-tools/dist/index.js
 @ ./js/mockql.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js
Child html-webpack-plugin for "iframe.html":
          Asset     Size  Chunks  Chunk Names
    iframe.html  559 KiB       0
    Entrypoint undefined = iframe.html
    [./node_modules/html-webpack-plugin/lib/loader.js!./node_modules/@storybook/core/src/server/iframe.html.ejs] 2.62 KiB {0} [built]
    [./node_modules/lodash/lodash.js] 527 KiB {0} [built]
    [./node_modules/webpack/buildin/global.js] (webpack)/buildin/global.js 489 bytes {0} [built]
    [./node_modules/webpack/buildin/module.js] (webpack)/buildin/module.js 497 bytes {0} [built]
Child html-webpack-plugin for "index.html":
         Asset     Size  Chunks  Chunk Names
    index.html  557 KiB       0
    Entrypoint undefined = index.html
    [./node_modules/html-webpack-plugin/lib/loader.js!./node_modules/@storybook/core/src/server/index.html.ejs] 869 bytes {0} [built]
    [./node_modules/lodash/lodash.js] 527 KiB {0} [built]
    [./node_modules/webpack/buildin/global.js] (webpack)/buildin/global.js 489 bytes {0} [built]
    [./node_modules/webpack/buildin/module.js] (webpack)/buildin/module.js 497 bytes {0} [built]
ℹ ｢wdm｣: Failed to compile.

.storybook/config.js:

// some of this code adapted from https://storybook.js.org/basics/writing-stories/
// also from https://medium.com/ingenious/storybook-meets-redux-6ab09a5be346

import 'babel-polyfill'
import React from 'react'
import { configure, addDecorator } from '@storybook/react'
import locale from 'date-fns/locale/en-US'
import utils from 'material-ui-pickers/utils/date-fns-utils'
import StoryRouter from 'storybook-router'
import { withKnobs } from '@storybook/addon-knobs'
import HTML5Backend from 'react-dnd-html5-backend'
import { DragDropContextProvider } from 'react-dnd'
import { Provider as ReduxProvider } from 'react-redux'
import apolloStorybookDecorator from 'apollo-storybook-decorator'
import MuiThemeProvider from '@material-ui/core/styles/MuiThemeProvider'
import DateFnsUtils from 'material-ui-pickers/utils/date-fns-utils'
import MuiPickersUtilsProvider from 'material-ui-pickers/utils/MuiPickersUtilsProvider'
import theme from '../js/style/theme'
import store from '../js/redux'
import typeDefs from '../js/schema.graphql'
import { mocks, resolvers as typeResolvers } from '../js/mockql'

// WARNING there are number of obvious optimizations here that make WebPack
// whine, so don't explore them :)

const req = [
  require.context('../js/component', true, /\.stories\.js(x?)$/),
  require.context('../js/container', true, /\.stories\.js(x?)$/),
  require.context('../js/page', true, /\.stories\.js(x?)$/),
  require.context('../js/email', true, /\.stories\.js(x?)$/),
  require.context('../js/vector', true, /\.stories\.js(x?)$/),
]

addDecorator(doTheThing => <DragDropContextProvider backend={HTML5Backend}>{doTheThing()}</DragDropContextProvider>)
addDecorator(doTheThing => <ReduxProvider store={store}>{doTheThing()}</ReduxProvider>)
addDecorator(doTheThing => <MuiThemeProvider theme={theme}>{doTheThing()}</MuiThemeProvider>)
addDecorator(doTheThing => <MuiPickersUtilsProvider locale={locale} utils={utils}>{doTheThing()}</MuiPickersUtilsProvider>)
addDecorator(StoryRouter())
addDecorator(withKnobs)
addDecorator(apolloStorybookDecorator({ typeDefs, mocks, typeResolvers }))

function loadStories() {
  req.forEach(r => r.keys().forEach(filename => r(filename)))
}

configure(loadStories, module)

Here is my package.json:

{
  "name": "pyr",
  "sideEffects": [
    "./js/component/survey-widget-file.jsx",
    "./js/app.jsx"
  ],
  "version": "0.0.1",
  "repository": {},
  "license": "MIT",
  "scripts": {
    "start": "npm run watch",
    "watch": "node_modules/.bin/webpack-dev-server --mode development --inline --hot --stdin --colors --public 0.0.0.0:8080",
    "deploy": "npm run update-templates; node_modules/.bin/webpack -p --display-error-details",
    "lint": "node_modules/.bin/eslint js --ext .js,.jsx",
    "test": "npm run lint && npm run flow && jest",
    "flow": "node_modules/.bin/flow",
    "update-schema": "bash ./.schema-extractor.sh",
    "update-fragments": "node ./.fragment-extractor.js",
    "update-vectors": "bash ./.esvoginator.sh",
    "update-graphql": "npm run update-fragments ; npm run update-schema",
    "update-templates": "node_modules/.bin/babel-node ./.template-generator.js",
    "update-graphql-flow": "gql2flow -e http://localhost:4000/graphql/ -o /tmp/graphql-flow.js",
    "storybook": "start-storybook -p 6006",
    "lint:watch": "esw js -w --ext .js,.jsx",
    "jest:watch": "node_modules/.bin/jest --watch",
    "flow:watch": "flow-watch --ignore node_modules/ --watch js/*",
    "prepush": "npm run test",
    "build:stats": "MIX_ENV=prod node_modules/.bin/webpack -p --json --progress --profile > /tmp/webpack-stats.json"
  },
  "jest": {
    "snapshotSerializers": [
      "enzyme-to-json/serializer"
    ],
    "setupFiles": [
      "jest-localstorage-mock",
      "./test/jestsetup.js"
    ],
    "moduleNameMapper": {
      "^.+\\.(css|scss)$": "identity-obj-proxy"
    }
  },
  "dependencies": {
    "@material-ui/codemod": "^1.0.0",
    "@material-ui/core": "1.1.0",
    "@storybook/addon-links": "^3.4.6",
    "add": "^2.0.6",
    "apollo-cache-inmemory": "^1.2.1",
    "apollo-client": "^2.3.1",
    "apollo-link": "^1.2.2",
    "apollo-link-context": "^1.0.8",
    "apollo-link-error": "^1.0.9",
    "apollo-link-http": "^1.5.4",
    "axios": "^0.18.0",
    "babel-cli": "^6.26.0",
    "babel-plugin-lodash": "^3.3.2",
    "babel-polyfill": "^6.26.0",
    "baobab": "^2.5.2",
    "casual": "^1.5.19",
    "chance": "^1.0.16",
    "change-case": "^3.0.2",
    "chart.js": "^2.7.2",
    "classnames": "^2.2.5",
    "clean-obj": "^1.0.1",
    "color-name": "^1.1.3",
    "core-decorators": "^0.20.0",
    "create-react-class": "^15.6.3",
    "currency-symbol-map": "^4.0.4",
    "date-fns": "^2.0.0-alpha.7",
    "dom-storage": "^2.1.0",
    "enzyme": "^3.3.0",
    "enzyme-to-json": "^3.3.4",
    "escape-quotes": "^1.0.2",
    "eslint-plugin-smart-quotes": "^0.0.0",
    "eslint-watch": "^3.1.4",
    "faker": "^4.1.0",
    "fbjs": "^0.8.16",
    "filepond": "^1.5.2",
    "filepond-plugin-image-preview": "^1.0.9",
    "flow-typed": "^2.4.0",
    "gql2flow": "^0.4.5",
    "graphql": "0.13.2",
    "graphql-tag": "^2.9.2",
    "graphql-tools": "^3.0.2",
    "graphql-type-json": "^0.2.1",
    "history": "^4.7.2",
    "immutable": "4.0.0-rc.9",
    "import-inspector": "^2.0.0",
    "imports-loader": "^0.8.0",
    "isemail": "^3.1.2",
    "isomorphic-fetch": "^2.2.1",
    "jest-enzyme": "^6.0.0",
    "jss": "^9.8.1",
    "jss-css": "^3.0.0",
    "juice": "^4.2.3",
    "lodash": "^4.17.10",
    "lodash-webpack-plugin": "^0.11.5",
    "marked": "^0.4.0",
    "material-ui-pickers": "^1.0.0-rc.9",
    "medium-editor": "^5.23.3",
    "normalize-path": "^3.0.0",
    "npm-check-updates": "^2.14.2",
    "object-hash": "^1.3.0",
    "path": "^0.12.7",
    "phoenix": "file:../../../deps/phoenix",
    "phoenix_html": "file:../../../deps/phoenix_html",
    "prop-types": "^15.6.1",
    "query-string": "^6.1.0",
    "ramda": "^0.25.0",
    "react": "16.4.0",
    "react-ago-component": "^0.8.1",
    "react-apollo": "^2.1.4",
    "react-contextmenu": "^2.9.2",
    "react-data-grid": "^4.0.7",
    "react-dnd": "^4.0.0",
    "react-dnd-html5-backend": "^4.0.1",
    "react-dom": "16.4.0",
    "react-dropzone": "^4.2.9",
    "react-feather": "^1.1.0",
    "react-filepond": "^2.0.6",
    "react-helmet": "^5.2.0",
    "react-hot-loader": "^4.2.0",
    "react-ideal-image": "0.0.3",
    "react-intl": "^2.4.0",
    "react-jss": "^8.4.0",
    "react-loadable": "^5.4.0",
    "react-loadable-visibility": "^2.4.2",
    "react-markdown": "^3.3.2",
    "react-medium-editor": "^1.8.1",
    "react-redux": "^5.0.7",
    "react-router": "4.3.0-rc.2",
    "react-router-dom": "4.3.0-rc.2",
    "react-sortable-hoc": "^0.8.3",
    "react-sparklines": "^1.7.0",
    "react-swipeable": "^4.2.1",
    "react-waypoint": "^8.0.1",
    "reactjs-popup": "^1.1.1",
    "recompose": "^0.27.1",
    "redux": "4.0.0",
    "redux-actions": "^2.3.2",
    "redux-localstorage": "1.0.0-rc5",
    "redux-localstorage-filter": "^0.1.1",
    "redux-logger": "^3.0.6",
    "redux-query-sync": "^0.1.7",
    "redux-throttle": "^0.1.1",
    "redux-thunk": "^2.2.0",
    "semantic-ui-react": "^0.80.0",
    "tinycolor": "^0.0.1",
    "tinycolor2": "^1.4.1",
    "tinygradient": "^0.4.0",
    "trim": "^0.0.1",
    "turndown": "^4.0.2",
    "unescape-html": "^1.1.0",
    "url-join": "^4.0.0",
    "uuid": "^3.2.1",
    "validator": "^10.2.0",
    "written-number": "^0.8.1",
    "zxcvbn": "^4.4.2"
  },
  "devDependencies": {
    "@babel/plugin-syntax-export-default-from": "^7.0.0-beta.47",
    "@storybook/addon-actions": "^4.0.0-alpha.8",
    "@storybook/addon-knobs": "^4.0.0-alpha.8",
    "@storybook/react": "^4.0.0-alpha.8",
    "apollo-storybook-decorator": "^0.5.1",
    "apollo-storybook-react": "^0.1.3",
    "autoprefixer": "^8.5.0",
    "babel-core": "^6.26.3",
    "babel-eslint": "^8.2.3",
    "babel-jest": "^23.0.1",
    "babel-loader": "^7.1.4",
    "babel-plugin-flow-react-proptypes": "^24.0.0",
    "babel-plugin-import-inspector": "^2.0.0",
    "babel-plugin-react-intl": "^2.4.0",
    "babel-plugin-syntax-dynamic-import": "^6.18.0",
    "babel-plugin-transform-class-properties": "^6.24.1",
    "babel-plugin-transform-decorators": "^6.24.1",
    "babel-plugin-transform-decorators-legacy": "^1.3.4",
    "babel-plugin-transform-object-rest-spread": "^6.26.0",
    "babel-preset-env": "^1.7.0",
    "babel-preset-flow": "^6.23.0",
    "babel-preset-react": "^6.24.1",
    "cache-loader": "^1.2.2",
    "copy-webpack-plugin": "^4.5.1",
    "css-loader": "^0.28.11",
    "enzyme-adapter-react-16": "^1.1.1",
    "eslint": "^4.19.1",
    "eslint-config-airbnb": "^16.1.0",
    "eslint-plugin-compat": "^2.2.0",
    "eslint-plugin-flowtype": "^2.47.1",
    "eslint-plugin-import": "^2.12.0",
    "eslint-plugin-jsx-a11y": "^6.0.3",
    "eslint-plugin-lodash-fp": "^2.1.3",
    "eslint-plugin-react": "^7.8.2",
    "extract-text-webpack-plugin": "4.0.0-beta.0",
    "fetch-mock": "^6.4.2",
    "file-loader": "^1.1.11",
    "flow-bin": "^0.73.0",
    "flow-watch": "^1.1.3",
    "get-graphql-schema": "^2.1.1",
    "hard-source-webpack-plugin": "^0.7.4",
    "husky": "^0.14.3",
    "identity-obj-proxy": "^3.0.0",
    "image-webpack-loader": "^4.2.0",
    "jest": "23.1.0",
    "jest-localstorage-mock": "^2.2.0",
    "postcss": "^6.0.22",
    "postcss-loader": "^2.1.5",
    "puppeteer": "^1.4.0",
    "react-test-renderer": "^16.3.2",
    "redux-mock-store": "^1.5.1",
    "refactoring-codemods": "^0.3.4",
    "storybook-router": "^0.3.4",
    "striptags": "^3.1.1",
    "stylus": "^0.54.5",
    "stylus-loader": "^3.0.2",
    "svgr": "^1.9.2",
    "url-loader": "^1.0.1",
    "webpack": "^4.8.3",
    "webpack-cli": "^2.1.3",
    "webpack-dev-server": "^3.1.4"
  }
}

Better Documentation per framework supported

@client schema support

Blanket noob question whats the magic sauce to get @client from https://github.com/apollographql/apollo-link-state to work?

Syntax error in "Full Example"

Great plugin.

There is syntax error in example of README. The following is the fixed correct one:

import React from 'react';
import { Query } from 'react-apollo';
import gql from 'graphql-tag';
import { storiesOf } from '@storybook/react';
import apolloStorybookDecorator from 'apollo-storybook-react';

const typeDefs = `
  type Query {
    helloWorld: String
  }

  schema {
    query: Query
  }
`;

const mocks = {
  Query: () => {
    return {
      helloWorld: () => {
        return 'Hello from Apollo!!';
      }
    };
  }
};

function HelloWorld() {
  return (
    <Query
      query={gql`
        query hello {
          helloWorld
        }
      `}>
      {({ loading, data }) => {
        const hello = data && data.helloWorld;

        if (loading) {
          return <h1>Loading one second please!</h1>;
        }

        return <h1>{hello}</h1>;
      }}
    </Query>
  );
}

storiesOf('Apollo Storybook Decorator', module)
  .addDecorator(
    apolloStorybookDecorator({
      typeDefs,
      mocks
    })
  )
  .add('Hello World Test', () => {
    return <HelloWorld />;
  });

disable "loading" state for snapshot testing

i use apollo-storybook-decorator together with jest and storyshots for snapshottesting. But the problem is, that these tests will alway snapshot while loading:true.

I tried to disable the delay, but with no luck. Any idea how i can wait for the data before snapshotting?

Needs a screenshot in readme

This is awesome!

How about adding a gif of what the addon looks and acts like?

❤️ storybook team

Cannot read property 'props' of undefined - Vue

When trying to add this decorator per story basis like the following

import mocks from './mocks'
import typeDefs from '/schema'
import Vue from 'vue'

storiesOf('MyComponent', module)
  .addDecorator(() => apolloStorybookDecorator({ typeDefs, mocks, Vue }))
  .add('default', () => ({
    components: { MyComponent },
    template: `<MyComponent/>`,
  }))

I got the following error

Cannot read property 'props' of undefined

Could you explain what is going on and a possible workaround to achieve it.

FYI adding mocks globally works fine.
Thank you

Use named options with addResolveFunctionsToSchema

This is so we can avoid warning like this.

Idea: Save yourself from redeclaring your schema

import { print, printSchema } from "graphql";
import { introspectSchema } from "graphql-tools";

const ENDPOINT = 'https://my.graphql.example/graphql'

const fetcher = async ({ query: queryDocument, variables, operationName, context }) => {
  const fetchResult = await fetch(ENDPOINT, {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json',
    },
    body: JSON.stringify({ query: print(queryDocument), variables, operationName })
  });
  return fetchResult.json();
};

const typeDefs = await = introspectSchema(fetcher).then(printSchema);

storiesOf('Apollo Client', module).addDecorator(
  apolloStorybookDecorator({
    typeDefs,
    mocks,
  })
);```

Came up with this for a coworker, but we ended up switching to MockProvider for now.

Support resolver map

Currently, only mock is passed onto graphql-tools. However, resolverMaps is needed to support custom scalars. Please add resolverMaps as an argument as well.

react-dom is incorrectly a peerDependency of apollo-storybook-react-native

There's no actual dependency on react-dom as far as I can tell.

Testing loading state and network failure

Hello,

I'd like to test my screens in their loading or network failure states.

How could I achieve that using apollo-storybook-decorator?

Thanks for your help.

EDIT :
Maybe we could expose the delay function https://github.com/abhiaiyer91/apollo-storybook-decorator/blob/master/packages/apollo-storybook-core/src/index.js#L14 so we would be able to have :

no delay at all
a delay with a successful promise
a delay with a rejection (network failure)

EDIT 2:
Ok I just saw that I can already pass delayMs to apolloLinkOptions!
The loading issue is solved! 🎆
What about network failure?

Upgrade graphql-tools version

Latest is now 4.x.x. What would it take to upgrade the dependency here to latest?

Add 'addTypeName={false}' support

I may be doing something wrong or I've missed something in the documentation but when passing back mocked data through a nested Mutation component the objects have a __typename: "<type>" property and therefore do not match the schema.

As mentioned here the addTypeName option of the Apollo MockedProvider allows you to turn off the typename annotations. Is this possible to do with apollo-storybook-decorator?

React Native Android crashes but iOS works

undefined is not a function (evaluating 'definedDirectives[typeof Symbol === "function" ? Symbol.iterator : "@@iterator"]()')

KnownDirectives
    parser.js:97:9
<unknown>
    bundle.umd.js:332:16
validateSDL
    bundle.umd.js:331:19
assertValidSDL
    bundle.umd.js:337:31
buildASTSchema
    definition.js:644:34
buildSchemaFromTypeDefinitions
    OverlappingFieldsCanBeMerged.js:587:2
makeExecutableSchema
    
createClient
    
initializeApollo
    extendResolversFromInterfaces.js:13
<unknown>
    index.js:80:25
loadModuleImplementation
    require.js:291:12
guardedLoadModule
    require.js:186:36
metroRequire
    require.js:115:90
<unknown>
    storybook.js:7:9
configure
    index.js:69:17
<unknown>
    storybook.js:6:10
loadModuleImplementation
    require.js:291:12
guardedLoadModule
    require.js:186:36
metroRequire
    require.js:115:90
<unknown>
    index.js:1
loadModuleImplementation
    require.js:291:12
guardedLoadModule
    require.js:186:36
metroRequire
    require.js:115:90
<unknown>
    
loadModuleImplementation
    require.js:291:12
guardedLoadModule
    require.js:186:36
metroRequire
    require.js:115:90
<unknown>
    index.js:4
loadModuleImplementation
    require.js:291:12
guardedLoadModule
    require.js:179:45
metroRequire
    require.js:115:90
global code

How to use the apollo queries to local state?

I have the following vue component:

<!-- Cart.vue -->
<template>
  <div>
    {{ cart.totalGrossPrice }}
  </div>
</template>

<script>
import gql from 'graphql-tag'

export default {
  apollo: {
    cart: {
      query: gql`
        query Cart {
          cart @client {
            totalGrossPrice
          }
        }
    }
  }
}
</script>

I would like to display it in my storybook. For that, I've defined a schema.graphql (the same as that of the production application):

# schema.graphql
type Cart {
  totalGrossPrice: Float!
}

and mocks:

// mocks.js
export default {
  Cart: () => {
    return {
      __typename: 'Cart',
      totalGrossPrice: 0,
      products: []
    }
  }
}

which I then wire up in my stories:

// Shop.stories.js
import Vue from 'vue'

import apolloStorybookDecorator from 'apollo-storybook-vue'
import { storiesOf } from '@storybook/vue'
import Cart from '../Cart'

import typeDefs from './schema/schema.graphql'
import mocks from './schema/mocks'

storiesOf('Shop/Cart', module)
  .addDecorator(
    apolloStorybookDecorator({
      mocks,
      typeDefs,
      Vue
    })
  )
  .add('Cart', () => {
    return {
      components: {
        Cart
      },
      template: '<cart />'
    }
  })

Now, when I run storybook and open this component, I get the following errors / warnings:

Found @client directives in a query but no ApolloClient resolvers were specified. This means ApolloClient local resolver handling has been disabled, and @client directives will be passed through to your link chain.

and

GraphQLError {message: "Unknown directive "client".", locations: Array(1), path: undefined, nodes: Array(1), source: Source, …}

and

TypeError: Cannot read property 'totalGrossPrice' of undefined

among others.

What can I do to make it work? The component works fine in the production application.

import apolloStorybookDecorator from 'apollo-storybook-react'; causes error in React Native

If
import apolloStorybookDecorator from 'apollo-storybook-react';
I get the following error

undefined is not an object (evaluating 'navigator.userAgent.length')

Not really sure how to get around this issue

Add React Native support

Hi,

I've opened the PR #10 to add support for React Native.

Please review it and let me know if there is anything that need improvement.

[Help Wanted] Package does not work for me :(

Test code

import { action } from '@storybook/addon-actions';
import { storiesOf } from '@storybook/react';
import apolloStorybookDecorator from 'apollo-storybook-react';
import React from 'react';
import MyComp from '.';

export const actions = {
  onCancelClick: action('onCancelClick'),
};

export const props = {
  _id: 'jifjewoi',
};

const typeDefs = `
  type MessageGroup {
    _id: String
  }
  type Query {
    findMessageGroup: [MessageGroup]
  }

  schema {
    query: Query
  }
`;

const mocks = {
  Query: () => {
    return {
      findMessageGroup: () => {
        return ['abc', 'def'];
      },
    };
  },
};

storiesOf('molecules/MyComp', module)
  .addDecorator(apolloStorybookDecorator({ typeDefs, mocks }))
  .add('default', () => <MyComp someProp='value' />);

My Comp

<div>
  ...
  some code
  ...

  <ComponentWithUseQuery />
</div>

Error

Any help appreciated

Make compatible with apollo v2

Structure the repo to be a more idiomatic monorepo

Links missing in react native

Links are missing from the the client code for react native.

const graphqlClient = createClient({
    mocks,
    apolloLinkOptions,
    apolloClientOptions,
    typeResolvers,
    typeDefs,
    rootValue,
    context,
    links,
    cacheOptions,
    resolverValidationOptions,
  });

line 27 has links
https://github.com/abhiaiyer91/apollo-storybook-decorator/blob/master/packages/apollo-storybook-react/src/index.js

Missing from react native verision

const graphqlClient = createClient({
    mocks,
    apolloLinkOptions,
    apolloClientOptions,
    typeResolvers,
    typeDefs,
    rootValue,
    context,
    cacheOptions,
    resolverValidationOptions,
  });

Angular package should be distributed as compiled JS, not TS

Hi! I really appreciate that you've made an Angular version, but would it be possible to update your packaging process to run tsc --build on the Angular package before publishing it? I think it's fairly common to not recompile all dependencies in a Typescript workflow, so the decorator never actually gets compiled (at least with our workflow).

I'm not super familiar with Lerna, but I would guess it could simply be a matter of running a script from the inner package.json before completing the build.

Might also want to add main and types keys to the inner package.json as well, to help with resolutions.

If you'd prefer, I could try doing a PR for this, just let me know.

What about using graphql-js directly without apollo-test-utils?

Hey Abhi, thanks for making this decorator: you simplify the life of my team and mine 🎉

👌 What's up now

When the GraphQL client is created, mockNetworkInterfaceWithSchema from apollo-test-utils is called so that every request will be validated directly against the (mocked) schema: https://github.com/abhiaiyer91/apollo-storybook-decorator/blob/master/src/index.js#L47

In the end, this function is just creating the query method used by the client and make it call graphql from graphql-js with the schema: https://github.com/apollographql/apollo-test-utils/blob/master/src/mocks/mockNetworkInterfaceWithSchema.ts#L15

We also have the ability to do complex mocking with typeResolvers which is pretty neat.

So far, so good!

🤙 What could be even more awesome

Taking in consideration that the use of apollo-test-utils is a really thin layer of abstraction on top of graphql-js with a fixed set of parameters (contextValue & rootValue set to {})

What about creating a custom interface that calls graphql directly and allow for all its option?

So we could do things like

apolloStorybookDecorator({
  typeDefs,
  mocks,
  context: {
    someModel: new SomeModel(),
  },
});

Would you be interested in such PR? Or should the decorator keep apollo-test-utils as a dependency and this issue moved there?

~~I'm asking cause some of my mocks depends on a fake context, and that's pretty handy~~ I actually worked around that with a closure around my mocks, but still it might be useful 😄

React Native Packager throws error because of `.babelrc`

Hey there,

React Native packager gives me an error when I try to use the library.

The error:

error: bundling failed: Error: Couldn't find preset "stage-0" relative to directory ".../node_modules/apollo-storybook-react-native"

The easiest solution would be to include .babelrc into .npmignore

Currently I remove the .babelrc in postinstall

Angular Apollo

Getting this working with react-apollo-hooks?

Any recommendations to get this working with:
https://github.com/trojanowski/react-apollo-hooks?

Links is not a function

"Links is not a function" error raised when using default options on apolloStorybookDecorator

.addDecorator(
    apolloStorybookDecorator({
      typeDefs,
      mocks,
    })
 )

Story-specific mocks do not seem to be working with Vue stories

I have tried to use the decorator for my vue app in two ways. The first way works, where I use the following .storybook/config.js:

import apolloStorybookDecorator from "apollo-storybook-vue"
import { configure, addDecorator } from '@storybook/vue'
import Vue from 'vue'

import typeDefs from './schema/typeDefinitions'
import mocks from './schema/mocks'

addDecorator(
  apolloStorybookDecorator({
    typeDefs,
    mocks,
    Vue,
  })
)

configure([
  require.context('../components', true, /\.stories\.js$/),
  require.context('../layouts', true, /\.stories\.js$/),
  require.context('../pages', true, /\.stories\.js$/)
 ], module)

The second way did not work, where I got rid of everything related to apollo-storybook-vue from the config.js and put it in the story instead, like this:

import apolloStorybookDecorator from 'apollo-storybook-vue'
import { storiesOf, addDecorator } from '@storybook/vue'
import Map from './Map'
import Vue from 'vue'
import typeDefs from './schema/typeDefinitions'
import multipleShopsMock from './schema/multiple-shops'

const components = {
  'shops-map': Map
}

storiesOf('Map', module)
  .addDecorator(
    apolloStorybookDecorator({
      typeDefs,
      multipleShopsMock,
      Vue
    })
  )
  .add('map with one single marker', () => {
    return {
      components,
      template: '<shops-map/>'
    }
  })

The mock file exists, the storybook loads nicely, with my map, but without data, i.e. as if the apolloProvider was there (otherwise I would get an error that my data are not defined) but my data are just not taken into account somehow. I am using the very same mock file in both cases.

What am I missing here?

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.