refresh a page after upgrade react and next latest version got re-hydration error ?give any possible way to fix this issue?

Question

Unhandled Runtime Error Error: Hydration failed because the initial UI does not match what was rendered on the server

            <div>
                <p>
                    Gender : <span >{gender}</span>
                </p>
                <p>
                    Age : <span>{age} Yrs</span>
                </p>
            </div>
            <div>
                <p>
                    Question: <span>{question}</span>
                </p>
            </div>
        </>
replace a paragraph tag inside div but is doesn't work for me

Answer 1

replace h elements inside div

                                    <h2 >
                                        John Deo
                                    </h2>                         
                                    <p> Iterative approaches to corporate strategy foster collaborative thinkingorporate strategy foster collaborative thinking
                                    </p>
                                </div>