2020-07-06
1239
#graphql#node#react
Ibrahima Ndaw
21257
Jul 6, 2020 ⋅ 4 min read

Complete guide to GraphQL Playground

Ibrahima Ndaw JavaScript enthusiast, full-stack developer, and blogger who also dabbles in UI/UX design.

Recent posts:

Exploring Advanced Support For Vite 5 In Storybook 8

Exploring advanced support for Vite 5 in Storybook 8

Explore the latest updates in Storybook 8, focusing on its improved support for Vite 5 as a build tool.

Will Soares
Jun 20, 2024 ⋅ 5 min read
Exploring Angular 18's Redirectcommand Class And Let Block

Exploring Angular 18’s RedirectCommand class and @let block

Angular’s latest update brings greater control over redirects and the ability to define and assign variables within the template.

Lewis Cianci
Jun 19, 2024 ⋅ 6 min read
Showing Progress For Page Transitions In Next Js

Showing progress for page transitions in Next.js

Progress bars help create a smooth UX during page transitions in your Next.js app, informing users that their request is processing.

Elijah Agbonze
Jun 19, 2024 ⋅ 9 min read
Qwik Adoption Guide Overview Examples And Alternatives

Qwik adoption guide: Overview, examples, and alternatives

Qwik’s focus on performance, innovative features, and commitment to DX make it a fantastic choice for building high-performance web apps.

Fimber Elemuwa
Jun 18, 2024 ⋅ 10 min read
View all posts

4 Replies to "Complete guide to GraphQL Playground"

  1. i tried following your details to embed playground in react app . it errors out with following

    ×
    ←→1 of 3 errors on the page
    TypeError: Cannot read properties of undefined (reading ‘indexOf’)
    Manager.getIndex
    node_modules/graphql-playground-react/node_modules/react-sortable-hoc/dist/commonjs/Manager.js:56
    53 | }, {
    54 | key: “getIndex”,
    55 | value: function getIndex(collection, ref) {
    > 56 | return this.refs[collection].indexOf(ref);
    | ^ 57 | }
    58 | }, {
    59 | key: “getOrderedRefs”,
    View compiled
    Manager.remove
    node_modules/graphql-playground-react/node_modules/react-sortable-hoc/dist/commonjs/Manager.js:30
    27 | }, {
    28 | key: “remove”,
    29 | value: function remove(collection, ref) {
    > 30 | var index = this.getIndex(collection, ref);
    | ^ 31 |
    32 | if (index !== -1) {
    33 | this.refs[collection].splice(index, 1);

  2. nvm , i see the issue was with version of react . i downgraded to 16.3 for both react & react-dom to 16.3.X and they worked . also redux i had to down grade to 6 .X from 7 that came with npx create-react-app

Leave a Reply