GraphiQL crashes after adding a plugin

[michal-wajrak]

Adding a plugin to GraphiQL (in my case @graphiql/plugin-explorer), causes the /graphiql endpoint to crash.

Error shown in the console:

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'umdPlugin')
    at main.js:145:78
    at Array.map (<anonymous>)
    at render (main.js:145:36)

index.ts:

const app = Fastify({
    logger: true,
});

const prisma = new PrismaClient();

app.register(mercurius, {
    schema,
    resolvers,
    context: () => {
        return { prisma };
    },
    graphiql: {
        enabled: true,
        plugins: [
            {
                name: "explorerPlugin",
                umdUrl: "https://unpkg.com/@graphiql/plugin-explorer/dist/index.umd.js",
            },
        ],
    },
});

Dependencies: "mercurius": "14.1.0" "fastify": "4.28.1", "node": "20.13.1"

[mcollina]

Thanks for reporting! Would you like to send a Pull Request to address this issue? Remember to add unit tests.