so i have this function
const fetchAndUpdateGasPrice = async () => {
  try {
    const response = await fetch(`http://localhost:3000/get-data`);
    if (!response.ok) {
      throw new Error("Network response was not ok");
    }
    const data = await response.json();
    if (!data || !data.ProposeGasPrice || !data.FastGasPrice) {
      // throw new Error("Response data is not structured properly");
      console.log(data);
    }
    const proposeGasPrice = +data.proposeGasPrice;
    const fastGasPrice = +data.fastGasPrice;
    // Update the #proposedGasPrice element with the proposed gas price
    document.title = `${proposeGasPrice} - ${fastGasPrice} Polygon GasTracker`;
    document.getElementById(
      "proposedGasPrice"
    ).textContent = `Proposed Gas Price: ${proposeGasPrice}`;
    document.getElementById(
      "fastGasPrice"
    ).textContent = `Fast Gas Price: ${fastGasPrice}`;
    if (proposeGasPrice <= 200 || fastGasPrice <= 200) {
      // Sound an alert
      alertSound.play();
    }
  } catch (error) {
    console.error(error);
  }
};
that is being triggered every 5 seconds, but sometimes it shows NaN where it should show numbers. is there a way to not show the NaN at my frontend index.html? You should write your response with 500 or more words.
user