Playground config requires all properties in TypeScript

ApolloServer constructor accepts parameter playground?: PlaygroundConfig where

export type PlaygroundConfig =
  | RecursivePartial<PlaygroundRenderPageOptions>
  | boolean;

where

type RecursivePartial<T> = {
  [P in keyof T]?: T[P] extends (infer U)[]
    ? RecursivePartial<U>[]
    : T[P] extends object ? RecursivePartial<T[P]> : T[P]
};

This results in TypeScript requiring one to define all playground options not just the ones that you want to override from defaults.

To reproduce just attempt to create an instance of ApolloServer with playground options not setting all available options:

const server = new ApolloServer({
    playground: {
        settings: {
            "request.credentials": "include",
        },
    }
});

Failure to provide all options results in:

Types of property 'settings' are incompatible.
Argument of type '{ playground: { settings: { "request.credentials": string; }; }; }' is not assignable to parameter of type 'Config'.
  Types of property 'playground' are incompatible.
    Type '{ settings: { "request.credentials": string; }; }' is not assignable to type 'boolean | RecursivePartial<RenderPageOptions> | undefined'.
      Type '{ settings: { "request.credentials": string; }; }' is not assignable to type 'RecursivePartial<RenderPageOptions>'.
        Types of property 'settings' are incompatible.
          Type '{ "request.credentials": string; }' is not assignable to type 'ISettings'.
            Property ''general.betaUpdates'' is missing in type '{ "request.credentials": string; }'.

TypeScript version: 3.0.3.

[chenglabs]

Something like this…

return new ApolloServer({ playground: {...defaultPlaygroundOptions, settings: { ...defaultPlaygroundOptions.settings, "request.credentials": "include", } },

[marcospgp]

RecursivePartial looks so obscure and complex that I can’t help but feel there is a simpler alternative. This problem surely demonstrates that 😄