How to recall getServerSideProps value without reload the page when the value changed

Question

I want to change languageId value without the page reloading. When the languageId value changes the title of products is changed.

export const getServerSideProps = async ({ req, res, query }) => {
    try {
        const languageId = getCookie('appLanguageId', { req, res })
        const countryid = getCookie('countryId', { req, res })
        const appLanguage = getCookie('appLanguage', { req, res })
        const { id, page, brandId } = query
      
        var fields = [{ condition: 'contains', value: id, dataField: 'categoryPath' }];
        // FILTERS
        let flag = true;
        if (query.brandIds) {
            flag = false;
            fields.push({ condition: "equal", value: query.brandIds, dataField: 'brandId' });
        }
        if (query.priceStart) {
            flag = false;
            fields.push({ condition: ">=", value: query.priceStart, dataField: 'listPrice' });
        }
        if (query.priceEnd) {
            flag = false;
            fields.push({ condition: "<=", value: query.priceEnd, dataField: 'listPrice' });
        }

        const response = await axios.post(urlHelper + '/wapi/v1/product/listSearch',
            {
                filter: {
                    fields,
                    page: { number: page || 1, size: 20, },
                }
            },
            {
                headers: { languageId, countryid }
            }
        );
        //   
        const products = response?.data;

        const filterOptions = (await axios.get(`${urlHelper}/wapi/v1/category/filterOptions/${id}`)).data
        return {
            props: {
                products: products?.data || [],
                totalCount: products?.totalCount || 0,
                filterOptions: filterOptions,
                filterObj: {
                    brandIds: query.brandIds ? query.brandIds : null,
                    priceStart: query.priceStart ? query.priceStart : null,
                    priceEnd: query.priceEnd ? query.priceEnd : null,
                    isAllNull: flag
                },
                loader: false
            },
        };
 
};

I use getServerSideProps. How can I fix it? I have to access product titles correctly when the language change.