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
Can Somehow help me fix this?
1 Reply
Ayato
Ayato2y ago
Want results from more Discord servers?
Add your server