How can I pass saml request to a .NET core web api from nextjs?

See more:

C#

API

ASP.NET-Core

next.js

I have a user case for the SSO authentication, as part of that, the client application in NextJS will recieve saml response and we need to send that saml reponse to our .net core web api. so that we can process the saml response in server side and can done the authentication same there.

It would be really help if have a sample code how we can pass the saml request to a web api from next JS client ? Am completely new to Next JS and SAML. Pls help !!

What I have tried:

function Product() {
    const callAPI = async () => {
        try {
            const res = await fetch(`https://localhost:44376/weatherforecast`);
            const data = await res.json();
            console.log(data);
        } catch (err) {
            console.log(err);
        }
    }
    return (
        <div>
            <main >
                <button onClick={callAPI}>Make API call</button>
            </main>
        </div>
    )
}

export default Product