Failed to resolve import

[  Wasp  ] ext-src/messages/MessageButton.tsx(8,9): error TS2322: Type '"/admin/messages"' is not assignable to type '"/login" | "/" | "/admin" | "/sgpa-calculator" | "/cgpa-calculator" | "/sgpa-to-percentage-calculator" | "/cgpa-to-percentage-calculator" | "/sgpa-to-cgpa-calculator" | ... 21 more ... | "/dua-to-pass-driving-exam"'.

[  Wasp  ] ext-src/messages/MessageButton.tsx(8,9): error TS2322: Type '"/admin/messages"' is not assignable to type '"/login" | "/" | "/admin" | "/sgpa-calculator" | "/cgpa-calculator" | "/sgpa-to-percentage-calculator" | "/cgpa-to-percentage-calculator" | "/sgpa-to-cgpa-calculator" | ... 21 more ... | "/dua-to-pass-driving-exam"'.

[  Wasp  ] ext-src/user/DropdownUser.tsx(4,31): error TS2307: Cannot find module './UserMenuItems' or its corresponding type declarations.

[  Wasp  ] ext-src/user/DropdownUser.tsx(4,31): error TS2307: Cannot find module './UserMenuItems' or its corresponding type declarations.

<NavLink
  to="/some-path"
  className={({ isActive }) => isActive ? 'active-class' : 'inactive-class'}
>
  {/* children */}
</NavLink>

<NavLink
  to="/some-path"
  className={({ isActive }) => isActive ? 'active-class' : 'inactive-class'}
>
  {/* children */}
</NavLink>

[  Wasp  ] ext-src/messages/MessageButton.tsx(8,9): error TS2322: Type '"/admin/messages"' is not assignable to type '"/login" | "/" | "/admin" | "/sgpa-calculator" | "/cgpa-calculator" | "/sgpa-to-percentage-calculator" | "/cgpa-to-percentage-calculator" | "/sgpa-to-cgpa-calculator" | ... 21 more ... | "/dua-to-pass-driving-exam"'.
[  Wasp  ] ext-src/user/UserMenuItems.tsx(26,13): error TS2322: Type '"/account"' is not assignable to type '"/admin" | "/login" | "/" | "/sgpa-calculator" | "/cgpa-calculator" | "/sgpa-to-percentage-calculator" | "/cgpa-to-percentage-calculator" | "/sgpa-to-cgpa-calculator" | ... 21 more ... | "/dua-to-pass-driving-exam"'.

[  Wasp  ] ext-src/messages/MessageButton.tsx(8,9): error TS2322: Type '"/admin/messages"' is not assignable to type '"/login" | "/" | "/admin" | "/sgpa-calculator" | "/cgpa-calculator" | "/sgpa-to-percentage-calculator" | "/cgpa-to-percentage-calculator" | "/sgpa-to-cgpa-calculator" | ... 21 more ... | "/dua-to-pass-driving-exam"'.
[  Wasp  ] ext-src/user/UserMenuItems.tsx(26,13): error TS2322: Type '"/account"' is not assignable to type '"/admin" | "/login" | "/" | "/sgpa-calculator" | "/cgpa-calculator" | "/sgpa-to-percentage-calculator" | "/cgpa-to-percentage-calculator" | "/sgpa-to-cgpa-calculator" | ... 21 more ... | "/dua-to-pass-driving-exam"'.

route AdminMessagesRoute { path: "/admin/messages", to: AdminMessagesPage }
route AccountRoute { path: "/account", to: AccountPage }
page AdminMessagesPage {
  component: import { AdminMessagesPage } from "@client/pages/AdminMessagesPage"
}

page AccountPage {
  component: import { AccountPage } from "@client/pages/AccountPage"
}

route AdminMessagesRoute { path: "/admin/messages", to: AdminMessagesPage }
route AccountRoute { path: "/account", to: AccountPage }
page AdminMessagesPage {
  component: import { AdminMessagesPage } from "@client/pages/AdminMessagesPage"
}

page AccountPage {
  component: import { AccountPage } from "@client/pages/AccountPage"
}

<NavLink
  to="/some-path"
  isActive={(_match, location) => /* some condition */}
  className={(isActive: NavLinkRenderProps) => /* some class */}
  onClick={(e: MouseEvent<HTMLElement>) => /* some action */}
>
  {/* children */}
</NavLink>

<NavLink
  to="/some-path"
  isActive={(_match, location) => /* some condition */}
  className={(isActive: NavLinkRenderProps) => /* some class */}
  onClick={(e: MouseEvent<HTMLElement>) => /* some action */}
>
  {/* children */}
</NavLink>

<NavLink
  to="/some-path"
  className={({ isActive }) => 
    isActive ? 'your-active-class' : 'your-inactive-class'
  }
  onClick={(e: React.MouseEvent<HTMLElement>) => /* some action */}
>
  {/* children */}
</NavLink>

<NavLink
  to="/some-path"
  className={({ isActive }) => 
    isActive ? 'your-active-class' : 'your-inactive-class'
  }
  onClick={(e: React.MouseEvent<HTMLElement>) => /* some action */}
>
  {/* children */}
</NavLink>

interface SidebarProps {
  path: string;
  // other props...
}

const Sidebar: React.FC<SidebarProps> = ({ path, ...otherProps }) => {
  // component logic
}

interface SidebarProps {
  path: string;
  // other props...
}

const Sidebar: React.FC<SidebarProps> = ({ path, ...otherProps }) => {
  // component logic
}

onClick={(e: React.MouseEvent<HTMLElement>) => /* your logic */}

onClick={(e: React.MouseEvent<HTMLElement>) => /* your logic */}

const Sidebar: React.FC<SidebarProps> = ({ children, ...otherProps }) => {
  // component logic
  return (
    // ...
    {children}
    // ...
  )
}

const Sidebar: React.FC<SidebarProps> = ({ children, ...otherProps }) => {
  // component logic
  return (
    // ...
    {children}
    // ...
  )
}

<NavLink
  to={path}
  className={({ isActive }) => 
    isActive ? 'your-active-class' : 'your-inactive-class'
  }
  onClick={(e: React.MouseEvent<HTMLElement>) => /* your logic */}
>
  {children}
</NavLink>

<NavLink
  to={path}
  className={({ isActive }) => 
    isActive ? 'your-active-class' : 'your-inactive-class'
  }
  onClick={(e: React.MouseEvent<HTMLElement>) => /* your logic */}
>
  {children}
</NavLink>

error TS2558: Expected 2 type arguments, but got 1.

error TS2558: Expected 2 type arguments, but got 1.

const { data: wingBackData, isLoading, error } = useQuery<void, WingBackDataPayload>(getWingBackData)

const { data: wingBackData, isLoading, error } = useQuery<void, WingBackDataPayload>(getWingBackData)

error TS2339: Property 'data' does not exist on type 'unknown'.

error TS2339: Property 'data' does not exist on type 'unknown'.

{wingBackData && (
  <div className="bg-white rounded-lg shadow p-6">
    <p className="text-gray-700">{(wingBackData as WingBackDataPayload).data.message}</p>
  </div>
)}

{wingBackData && (
  <div className="bg-white rounded-lg shadow p-6">
    <p className="text-gray-700">{(wingBackData as WingBackDataPayload).data.message}</p>
  </div>
)}

<p className="text-gray-700">{wingBackData?.data?.message ?? 'No message available'}</p>

<p className="text-gray-700">{wingBackData?.data?.message ?? 'No message available'}</p>

import type { GetWingBackData } from 'wasp/server/operations'

import type { GetWingBackData } from 'wasp/server/operations'

query getWingBackData {
  fn: import { getWingBackData } from "@src/WingBackAi/operations",
  entities: []
}

query getWingBackData {
  fn: import { getWingBackData } from "@src/WingBackAi/operations",
  entities: []
}

import { useQuery } from 'wasp/client/operations'
import getWingBackData from 'wasp/client/operations/getWingBackData'
import type { WingBackDataPayload } from './operations'

import { useQuery } from 'wasp/client/operations'
import getWingBackData from 'wasp/client/operations/getWingBackData'
import type { WingBackDataPayload } from './operations'

const { data: wingBackData, isLoading, error } = useQuery(getWingBackData)

const { data: wingBackData, isLoading, error } = useQuery(getWingBackData)

const { data: wingBackData, isLoading, error } = useQuery<void, WingBackDataPayload>(getWingBackData)

const { data: wingBackData, isLoading, error } = useQuery<void, WingBackDataPayload>(getWingBackData)

export function getEmailUserFields() {
  // Function implementation
}

export function getEmailUserFields() {
  // Function implementation
}

export const getEmailUserFields = () => {
  // Function implementation
}

export const getEmailUserFields = () => {
  // Function implementation
}

import { getEmailUserFields } from '../../../../../../../src/auth/userSignupFields'

import { getEmailUserFields } from '../../../../../../../src/auth/userSignupFields'

import { getEmailUserFields } from '@src/auth/userSignupFields'

import { getEmailUserFields } from '@src/auth/userSignupFields'

   export const getEmailUserFields = defineUserSignupFields({
     username: (data: any) => data.profile.email,
     email: (data: any) => data.profile.email
   })
   

   export const getEmailUserFields = defineUserSignupFields({
     username: (data: any) => data.profile.email,
     email: (data: any) => data.profile.email
   })
   

   import { getGoogleUserFields as getEmailUserFields } from '@src/auth/userSignupFields'
   

   import { getGoogleUserFields as getEmailUserFields } from '@src/auth/userSignupFields'
   

   export const getEmailUserFields = defineUserSignupFields({
     username: (data: any) => data.email,
     email: (data: any) => data.email
   })
   

   export const getEmailUserFields = defineUserSignupFields({
     username: (data: any) => data.email,
     email: (data: any) => data.email
   })