SWR docs - Middleware code examples in Typescript

[tannguyencse19]

I see that in source code has this line

export declare type Middleware = (useSWRNext: SWRHook) => <Data = any, Error = any>(key: Key, fetcher: BareFetcher<Data> | null, config: SWRConfiguration<Data, Error, BareFetcher<Data>>) => SWRResponse<Data, Error>;

So the Middleware code examples in Typescript will be

import { Middleware } from "swr/dist/types";

export const myMiddleware: Middleware = (useSWRNext) => {
  return (key, fetcher, config) => {
    // Before hook runs...

    // Handle the next middleware, or the `useSWR` hook if this is the last one.
    const swr = useSWRNext(key, fetcher, config);

    // After hook runs...
    return swr;
  };
};

Bug: The function name must be myMiddleware, not MyMiddleware or React will throw Hook violation error

I can't find where the docs folder to make pull request 😃

[shuding]

You can contribute to the docs in the https://github.com/vercel/swr-site repository, thanks!

[tannguyencse19]

Done. vercel/swr-site#201