move withTRPC
-HOC to _app.tsx
(#822)
This commit is contained in:
parent
8ac56fbf4a
commit
c80992aa1c
2 changed files with 36 additions and 36 deletions
|
@ -1,7 +1,4 @@
|
||||||
import { IdProvider } from "@radix-ui/react-id";
|
import { IdProvider } from "@radix-ui/react-id";
|
||||||
import { httpBatchLink } from "@trpc/client/links/httpBatchLink";
|
|
||||||
import { loggerLink } from "@trpc/client/links/loggerLink";
|
|
||||||
import { withTRPC } from "@trpc/next";
|
|
||||||
import { Provider } from "next-auth/client";
|
import { Provider } from "next-auth/client";
|
||||||
import { AppProps } from "next/dist/shared/lib/router/router";
|
import { AppProps } from "next/dist/shared/lib/router/router";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
|
@ -22,35 +19,4 @@ const AppProviders = (props: AppProps) => {
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
export default withTRPC({
|
export default AppProviders;
|
||||||
config() {
|
|
||||||
/**
|
|
||||||
* If you want to use SSR, you need to use the server's full URL
|
|
||||||
* @link https://trpc.io/docs/ssr
|
|
||||||
*/
|
|
||||||
return {
|
|
||||||
/**
|
|
||||||
* @link https://trpc.io/docs/links
|
|
||||||
*/
|
|
||||||
links: [
|
|
||||||
// adds pretty logs to your console in development and logs errors in production
|
|
||||||
loggerLink({
|
|
||||||
enabled: (opts) =>
|
|
||||||
process.env.NODE_ENV === "development" ||
|
|
||||||
(opts.direction === "down" && opts.result instanceof Error),
|
|
||||||
}),
|
|
||||||
httpBatchLink({
|
|
||||||
url: `/api/trpc`,
|
|
||||||
}),
|
|
||||||
],
|
|
||||||
/**
|
|
||||||
* @link https://react-query.tanstack.com/reference/QueryClient
|
|
||||||
*/
|
|
||||||
// queryClientConfig: { defaultOptions: { queries: { staleTime: 6000 } } },
|
|
||||||
};
|
|
||||||
},
|
|
||||||
/**
|
|
||||||
* @link https://trpc.io/docs/ssr
|
|
||||||
*/
|
|
||||||
ssr: false,
|
|
||||||
})(AppProviders);
|
|
||||||
|
|
|
@ -1,3 +1,6 @@
|
||||||
|
import { httpBatchLink } from "@trpc/client/links/httpBatchLink";
|
||||||
|
import { loggerLink } from "@trpc/client/links/loggerLink";
|
||||||
|
import { withTRPC } from "@trpc/next";
|
||||||
import { appWithTranslation } from "next-i18next";
|
import { appWithTranslation } from "next-i18next";
|
||||||
import { DefaultSeo } from "next-seo";
|
import { DefaultSeo } from "next-seo";
|
||||||
import type { AppProps as NextAppProps } from "next/app";
|
import type { AppProps as NextAppProps } from "next/app";
|
||||||
|
@ -23,4 +26,35 @@ function MyApp(props: AppProps) {
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
export default appWithTranslation(MyApp);
|
export default withTRPC({
|
||||||
|
config() {
|
||||||
|
/**
|
||||||
|
* If you want to use SSR, you need to use the server's full URL
|
||||||
|
* @link https://trpc.io/docs/ssr
|
||||||
|
*/
|
||||||
|
return {
|
||||||
|
/**
|
||||||
|
* @link https://trpc.io/docs/links
|
||||||
|
*/
|
||||||
|
links: [
|
||||||
|
// adds pretty logs to your console in development and logs errors in production
|
||||||
|
loggerLink({
|
||||||
|
enabled: (opts) =>
|
||||||
|
process.env.NODE_ENV === "development" ||
|
||||||
|
(opts.direction === "down" && opts.result instanceof Error),
|
||||||
|
}),
|
||||||
|
httpBatchLink({
|
||||||
|
url: `/api/trpc`,
|
||||||
|
}),
|
||||||
|
],
|
||||||
|
/**
|
||||||
|
* @link https://react-query.tanstack.com/reference/QueryClient
|
||||||
|
*/
|
||||||
|
// queryClientConfig: { defaultOptions: { queries: { staleTime: 6000 } } },
|
||||||
|
};
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* @link https://trpc.io/docs/ssr
|
||||||
|
*/
|
||||||
|
ssr: false,
|
||||||
|
})(appWithTranslation(MyApp));
|
||||||
|
|
Loading…
Reference in a new issue