30 lines
800 B
TypeScript
30 lines
800 B
TypeScript
|
import React from 'react';
|
||
|
|
import invariant from 'tiny-invariant';
|
||
|
|
|
||
|
|
|
||
|
|
export type RequestContextData = Readonly<{
|
||
|
|
baseUrl: string;
|
||
|
|
defaultHeaders?: Record<string, string>;
|
||
|
|
}>
|
||
|
|
|
||
|
|
const RequestContext = React.createContext<RequestContextData | null>(null);
|
||
|
|
|
||
|
|
export type RequestProviderProps = Readonly<React.PropsWithChildren<RequestContextData>>
|
||
|
|
|
||
|
|
export function RequestProvider({ baseUrl, defaultHeaders, children }: RequestProviderProps) {
|
||
|
|
return (
|
||
|
|
<RequestContext.Provider value={{ baseUrl, defaultHeaders }}>
|
||
|
|
{children}
|
||
|
|
</RequestContext.Provider>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
export function useRequestContext() {
|
||
|
|
const context = React.useContext(RequestContext);
|
||
|
|
|
||
|
|
invariant(context, 'useRequestContext() must be a child of <RequestProvider />');
|
||
|
|
|
||
|
|
return context;
|
||
|
|
}
|
||
|
|
|