typescript-eslint
import { type AppType } from "next/app";
import { type Session } from "next-auth";
import { SessionProvider } from "next-auth/react";
import Sidebar from "~/components/Sidebar";
import Navbar from "~/components/Navbar";
import { api } from "~/utils/api";
import "~/styles/globals.css";
const MyApp: AppType<{ session: Session | null }> = ({
Component,
pageProps: { session, ...pageProps },
}) => {
return (
<SessionProvider session={session}>
<div className="flex">
<Sidebar />
<div className="flex flex-1 ml-56">
<Component {...pageProps} />
</div>
</div>
</SessionProvider>
);
};
export default api.withTRPC(MyApp); // <-- Error
import { type AppType } from "next/app";
import { type Session } from "next-auth";
import { SessionProvider } from "next-auth/react";
import Sidebar from "~/components/Sidebar";
import Navbar from "~/components/Navbar";
import { api } from "~/utils/api";
import "~/styles/globals.css";
const MyApp: AppType<{ session: Session | null }> = ({
Component,
pageProps: { session, ...pageProps },
}) => {
return (
<SessionProvider session={session}>
<div className="flex">
<Sidebar />
<div className="flex flex-1 ml-56">
<Component {...pageProps} />
</div>
</div>
</SessionProvider>
);
};
export default api.withTRPC(MyApp); // <-- Error
1 Reply