Bad TS types prevent setting of defaultOptions

I get a type error with this code:

const client = new AWSAppSyncClient(
  {
    url: appSyncConfig.graphqlEndpoint,
    region: appSyncConfig.region,
    auth: {
      type: appSyncConfig.authenticationType,
      // credentials: () => Auth.currentCredentials(),
      apiKey: () => appSyncConfig.apiKey,
    },
  },
  {
    defaultOptions: {
      watchQuery: {
        fetchPolicy: 'cache-and-network',
      },
    },
  }
);

ERROR in /Volumes/SuperData/Sites/reelcrafter/rc-ts/src/bootstrap/apollo-setup.ts
17:3 Argument of type '{ defaultOptions: { watchQuery: { fetchPolicy: "cache-and-network"; }; }; }' is not assignable to parameter of type 'ApolloClientOptions<InMemoryCache>'.
  Property 'link' is missing in type '{ defaultOptions: { watchQuery: { fetchPolicy: "cache-and-network"; }; }; }'.
    15 |     },
    16 |   },
  > 17 |   {
       |   ^
    18 |     defaultOptions: {
    19 |       watchQuery: {
    20 |         fetchPolicy: 'cache-and-network',

ApolloClientOptions requires link and cache to be passed. We need a way to be able to set the global fetchPolicy.

This code functions properly, and sets the right fetch policy. It’s just that the type used is probably not the best option. I’m looking into somehow creating a new interface based off of ApolloClientOptions that doesn’t have link and cache in it.

@manueliglesias I’m open to other ideas as well.

[ffxsam]

@manueliglesias Works great!

[manueliglesias]

Cool! It would be great if you can try the code from #226