fixed the axios dependency issue

app/api/register/[tournamentId]/route.js

@@ -3,11 +3,8 @@
 import { dbConnect } from '../../../../lib/dbConnect';
 import Tournament from '../../../../model/Tournament';
 
-export default async function handler(req, res) {
-    if (req.method !== 'POST') {
-        return res.status(405).json({ error: 'Method Not Allowed' });
-    }
-
+export default async function POST(req, res) {
+
     const { tournamentId, teamName, members, inviteCode } = req.body;
 
     if (!tournamentId || !teamName || !members || members.length === 0) {

app/tournaments/[id]/register/page.js

@@ -15,14 +15,17 @@
     const handleSubmit = async (e) => {
         e.preventDefault();
         setIsLoading(true);
+
+        const formData = {
+            teamName,
+            members,
+            email,
+            selectedPlatform,
+            participantType,
+        };
+
         try {
-            const response = await axios.post(`/api/register/${tournamentId}`, {
-                teamName,
-                members,
-                email,
-                selectedPlatform,
-                participantType
-            });
+            const response = await axios.post(`/api/register/${tournamentId}`, formData);
 
             if (response.status === 201) {
                 alert('Registration successful!');