如何在React组件中向Apollo客户端添加新的授权头？

import { ApolloClient, InMemoryCache, ApolloProvider, createHttpLink } from '@apollo/client';
import { setContext } from '@apollo/client/link/context';
import { ApolloProvider as ApolloHooksProvider } from 'react-apollo-hooks';

const httpLink = createHttpLink({
  uri: 'YOUR_GRAPHQL_API_ENDPOINT',
});

const authLink = setContext((_, { headers }) => {
  // 在这里添加你的授权头信息
  const token = 'YOUR_AUTH_TOKEN';
  return {
    headers: {
      ...headers,
      authorization: token ? `Bearer ${token}` : '',
    },
  };
});

const client = new ApolloClient({
  link: authLink.concat(httpLink),
  cache: new InMemoryCache(),
});

const App = () => {
  return (
    <ApolloProvider client={client}>
      <ApolloHooksProvider client={client}>
        <YourComponent />
      </ApolloHooksProvider>
    </ApolloProvider>
  );
};