Different behavior of useSWR in production than in development

[ricardoc05]

I'm sharing the frontend and backend code of a react component that uses swr to retrieve data from a table, in that table you can edit the cells and then save the changes to a database, then mutate() is executed with the idea that the changes are reflected in the frontend table. The issue is that in the development environment everything works as expected, the user makes the changes, saves them and then those changes are reflected in the frontend table; but in the development environment when the application is built with npm run build and then executed with npm run start, the changes in the frontend table are reflected in the database but not in the frontend, that is, the original data is reloaded . When the project is launched in Vercel the same thing happens. What could be the problem?

Frontend code:

'use client';
import React from 'react';
import useSWR, { mutate } from 'swr';
import Estados from '../_components/estados';
import axios from 'axios';

const EstadosAdministrativos = () => {
    const fetcher = async () => {
        const res = await fetch('/api/estados/administrativos/lista')
        const data = await res.json()
        console.log('cargo estados', data.estados)
        return data.estados
    };

    const { data: estados, error } = useSWR('/api/estados/administrativos/lista', fetcher);

    const actualizarEstado = async (data) => {
        try {
            const response = await axios.post('/api/estados/administrativos/upsert/', data);
            mutate('/api/estados/administrativos/lista');

        } catch (error) {
            console.error(error);
        }
    };

    return (
        <div>
            <h1>Configuración de los estados administrativos</h1>
            {error && <p>Ocurrio un error...</p>}
            {!estados ? (
                <p>Cargando...</p>
            ) : (
                <Estados estados={estados} actualizarEstado={actualizarEstado} />
            )}
        </div>
    );
};

export default EstadosAdministrativos;

Backend code

const mongoose = require('mongoose');

import { EstadoAdministrativo } from '@/models/estados';
import { NextResponse } from 'next/server';

export const GET = async (request) => {
    console.log('hola');
    try {
        const estados = await EstadoAdministrativo.find({});
        console.log(estados);
        return NextResponse.json({ estados });
    } catch (error) {
        NextResponse.json("Fallo al cargar estados administrativos", { status: 500 });
    }
}