I am trying to make API to rename local files in public/game images folder but I have no lock.

this is my renameImage.js file

'use server'

import fs from 'fs';
import path from 'path';

export default async function renameImage(req, res) {
  console.log('Request object:', req);
  console.log('Response object:', res);
  if (req.method === 'POST') {
    const { oldFileNameWithExtension, newFileNameWithExtension } = req.body;

    try {
      const oldFilePath = path.join(process.cwd(), 'public', 'Game Images', oldFileNameWithExtension);
      const newFilePath = path.join(process.cwd(), 'public', 'Game Images', newFileNameWithExtension);

      fs.renameSync(oldFilePath, newFilePath);

      res.status(200).json({ success: true, message: 'File renamed successfully.' });
    } catch (error) {
      console.error(error);
      res.status(500).json({ success: false, message: 'Internal server error.' });
    }
  } else {
    res.status(405).json({ success: false, message: 'Method Not Allowed' });
  }
}

I import it to other client componenet

import renameImage from '@/app/api/renameImage';

and I use it in part of other function like this

        
if (editItem.ImageName !== editedEntry.ImageName) {
  const oldFileNameWithExtension = editItem.ImageName + '.png';
  const newFileNameWithExtension = editedEntry.ImageName + '.png';
  renameImage(oldFileNameWithExtension, newFileNameWithExtension);
}

right now I am getting this error

Unhandled Runtime Error

Error: res.status is not a function

but I am still confused what most of it means