"state": "SERVER ERROR", "Request has invalid parameters", FaceLivenessDetector

Luego del start video check en produccion con next.js sale este error: "Server issue. Cannot complete check due to server issue" { "state": "SERVER_ERROR", "error": { "name": "ValidationException", "message": "Request has invalid parameters", "$fault": "client", "$metadata": { "httpStatusCode": undefined, "requestId": undefined, "extendedRequestId": undefined, "cfId": undefined }, "stack": "ValidationException\n , "constructor": { "name": "ValidationException", "prototype": { "name": "ValidationException", "message": "", "constructor": "Function", "prototype": "Object" } }, "prototype": { "constructor": { "name": "v6" }, "prototype": "vC" } } } si tengo este componente en next.js: import { useEffect, useState } from "react"; import { FaceLivenessDetector } from "@aws-amplify/ui-react-liveness"; import { Loader, ThemeProvider, withAuthenticator } from "@aws-amplify/ui-react"; import { Exo } from "next/font/google"; import { ApiServer } from "@/apis";

const exo = Exo({ subsets: ["latin"], });

export const Face = () => { const [loading, setLoading] = useState<boolean>(true); const [createLivenessApiData, setCreateLivenessApiData] = useState<{ sessionId: string; } | null>(null);

useEffect(() => {

const fetchCreateLiveness: () => Promise<void> = async () => {
  try {

    const clientRequestToken = crypto.randomUUID();
    const response = await ApiServer.post(`/start_liveness_session/?client_request_token=${clientRequestToken}`, {
      client_request_token: clientRequestToken,
    });
    const data = await response.data;
    setCreateLivenessApiData(data);
    setLoading(false);
  } catch (error) {
    console.error("Error en fetchCreateLiveness:", error);

    setLoading(false);
  }
};

fetchCreateLiveness();

}, []);

const handleAnalysisComplete: () => Promise<void> = async () => { const response = await ApiServer.get( /get_liveness_results/${createLivenessApiData?.sessionId} ); const data = await response.data; console.log(data); if (data.isLive) { console.log("User is live"); } else { console.log("User is not live"); } };

return ( <div className={exo.className}> <ThemeProvider> {loading ? ( <Loader /> ) : ( <FaceLivenessDetector sessionId={createLivenessApiData?.sessionId || ""} region="us-east-1" onAnalysisComplete={handleAnalysisComplete} onError={(error) => { console.error(error); }} /> )} </ThemeProvider> </div> ); };

export default withAuthenticator(Face);