React useContext is not a function...

import { Chip } from "@nextui-org/react";
import Image from "next/image";
import Link from "next/link";
import { BiCopyright, BiLogoGithub, BiLogoGmail, BiLogoTiktok, BiLogoTwitter, BiLogoYoutube } from "react-icons/bi";
import { BsDiscord } from "react-icons/bs";
import { HiCube, HiHand, HiLibrary, HiUserAdd } from "react-icons/hi";
import { SiKofi } from "react-icons/si";
import SelectInput from "@/components/inputs/select-menu"

import * as DropdownMenu from '@radix-ui/react-dropdown-menu'


import TopggIcon from "@/components/icons/topgg";
import { getUser } from "@/lib/discord/user";
import cn from "@/utils/cn";
import strings, { lang } from "@/scripts/locale";
import { Context } from "@/app/provider";
import { useRouter } from "next/navigation";
import { HTMLProps, useContext, useState } from "react";


export default async function Footer(props: HTMLProps<HTMLDivElement>) {

    const dev = await getUser("541072831652298752");
    const { language } = useContext(Context);
    // MORE CODE