Merge pull request #59 from teacoder-team/dev

fix: resolve all typedRoutes errors

Author: TeaCoder52

next.config.ts

@@ -14,9 +14,9 @@ const config: NextConfig = {
 		],
 		dangerouslyAllowSVG: false
 	},
+	typedRoutes: false,
 	experimental: {
 		optimizePackageImports: ['tailwindcss'],
-		typedRoutes: true,
 		serverActions: {
 			bodySizeLimit: '2mb'
 		},

src/components/account/connections/connection-error.tsx

@@ -1,6 +1,7 @@
 'use client'
 
 import { AlertTriangle } from 'lucide-react'
+import type { Route } from 'next'
 import { useRouter, useSearchParams } from 'next/navigation'
 import { useEffect, useState } from 'react'
 
@@ -65,9 +66,12 @@ export function ConnectionError() {
 
 		params.delete('error')
 
-		router.replace(`${window.location.pathname}?${params.toString()}`, {
-			scroll: false
-		})
+		router.replace(
+			`${window.location.pathname}?${params.toString()}` as any as Route,
+			{
+				scroll: false
+			}
+		)
 	}
 
 	if (!isVisible || !errorInfo) return null

src/components/account/connections/connections.tsx

@@ -46,7 +46,7 @@ export function Connections() {
 
 	const { mutate, isPending } = useSsoConnect({
 		onSuccess(data) {
-			router.push(data.url)
+			router.push(data.url as any)
 		},
 		onError(error: any) {
 			toast.error(

src/components/auth/auth-social.tsx

@@ -41,7 +41,7 @@ export function AuthSocial() {
 		onSuccess(data, variables) {
 			analytics.auth.social.success(variables)
 
-			router.push(data.url)
+			router.push(data.url as any)
 		},
 		onError(error: any, variables) {
 			analytics.auth.social.fail(variables, error.message)

src/components/auth/auth-wrapper.tsx

@@ -1,3 +1,4 @@
+import { Route } from 'next'
 import Image from 'next/image'
 import Link from 'next/link'
 import type { ReactNode } from 'react'
@@ -10,7 +11,7 @@ interface AuthWrapperProps {
 	description?: string
 	bottomText?: string
 	bottomLinkText?: string
-	bottomLinkHref?: string
+	bottomLinkHref?: Route
 	isShowSocial?: boolean
 }
 

src/components/auth/login-form.tsx

@@ -1,6 +1,7 @@
 'use client'
 
 import { zodResolver } from '@hookform/resolvers/zod'
+import type { Route } from 'next'
 import Link from 'next/link'
 import { useRouter, useSearchParams } from 'next/navigation'
 import { useEffect, useState } from 'react'
@@ -72,7 +73,7 @@ export function LoginForm() {
 				const redirectTo =
 					searchParams.get('redirectTo') || ROUTES.ACCOUNT.ROOT
 
-				router.push(redirectTo)
+				router.push(redirectTo as Route)
 			}
 		},
 		onError(error: any) {

src/components/auth/mfa-form.tsx

@@ -1,5 +1,6 @@
 import { startAuthentication } from '@simplewebauthn/browser'
 import { ArrowLeftIcon, KeyIcon } from 'lucide-react'
+import { Route } from 'next'
 import { useRouter, useSearchParams } from 'next/navigation'
 import { useEffect, useState } from 'react'
 import { toast } from 'sonner'
@@ -45,7 +46,7 @@ export function MfaForm({ ticket, methods, userId, onBack }: MfaFormProps) {
 			const redirectTo =
 				searchParams.get('redirectTo') || ROUTES.ACCOUNT.ROOT
 
-			router.push(redirectTo)
+			router.push(redirectTo as Route)
 		},
 		onError(error: any, variables) {
 			const message = error.response?.data?.message ?? 'Ошибка при входе'

src/components/course/course-actions.tsx

@@ -61,7 +61,7 @@ export function CourseActions({ course }: CourseActionsProps) {
 				</Button>
 				{course.youtubeUrl && (
 					<Button variant='outline' className='w-full' asChild>
-						<Link href={course.youtubeUrl} target='_blank'>
+						<Link href={course.youtubeUrl as any} target='_blank'>
 							<FaYoutube />
 							Смотреть на YouTube
 						</Link>

src/components/layout/footer.tsx

@@ -1,6 +1,7 @@
 'use client'
 
 import { ExternalLink } from 'lucide-react'
+import { Route } from 'next'
 import Link from 'next/link'
 import { JSX } from 'react'
 import { FaGithub } from 'react-icons/fa'
@@ -10,7 +11,7 @@ import { ROUTES } from '@/src/constants'
 
 interface NavLink {
 	title: string
-	href: string
+	href: Route
 	isExternal?: boolean
 }
 
@@ -135,7 +136,7 @@ function FooterLink({ title, href, isExternal }: NavLink) {
 function SocialLink({ href, icon, label }: SocialLink) {
 	return (
 		<Link
-			href={href}
+			href={href as Route}
 			className='text-muted-foreground transition-colors hover:text-primary'
 			target='_blank'
 			referrerPolicy='no-referrer'

src/components/layout/nav-links.tsx

@@ -1,10 +1,11 @@
+import type { Route } from 'next'
 import Link from 'next/link'
 
 import { ROUTES } from '@/src/constants'
 
 interface NavLink {
 	title: string
-	href: string
+	href: Route
 }
 
 export const navLinks: NavLink[] = [