Values not updating on Vercel like on local

[taghaberman]

I have a react app I built with expressjs and nodejs that works great locally with no issues. When I upload it to vercel it will only give the initial value while locally it will update the value every 30 seconds. I am guessing there is something specific to being hosted or with vercel that is causing the issue. I cant seem to find anything online that would help, I am hoping someone has run into a similar issue. (strange thing is that it did update once and then stopped and I haven't been able to recreate that.)

server.js

const axios = require("axios");    
const cors = require("cors");
const cron = require("node-cron");




const PORT = process.env.PORT || 5000;

const server = express();
server.use(express.json());
server.use(express.urlencoded({ extended: true }));
server.use(cors());

var isCount = null;

async function getCount() {
  const config = {
    auth: {
      username: 'APIKEY',
    },
    headers: {
      'accept': 'application/vnd.unbounce.api.v0.4+json'
    }
  };
  try {
    return await axios.get('https://api.unbounce.com/pages/PAGEID', config);

  } catch (error) {
    console.error(error.response.data);
  }

}

(async function() {
  const count = await getCount();
  isCount = count.data.tests.current.conversions;
  console.log('initial getCount: ' + isCount);
})();

cron.schedule('* * * * *', async function() {
  const count = await getCount();
  isCount = count.data.tests.current.conversions;
  console.log('getCount was run: ' + isCount);
});
  

server.get("/api/hello", async function (req, res) {
  res.json(isCount);
});



server.listen(PORT, () => console.log(`listening on port ${PORT}`));```

app.js just in case

```import React, { useEffect, useState } from "react"; 
import "./App.css";
import axios from "./axios";
import { ProgressBar } from 'react-bootstrap';
import 'bootstrap/dist/css/bootstrap.min.css';

function App() {

const [result, setResult] = useState("");

function getInfo() {
  axios.get("api/hello").then((response) => {
    console.log("changed" + response.data)
    setResult(response.data);
  });
}

useEffect(() => {
  getInfo()
  const interval = setInterval(() => {
    console.log('This runs every 30 seconds');
    getInfo()
  }, 30000);
  return () => clearInterval(interval); 
}, []);

const total = result/1000000;
const percent = total * 100;
return (
  <main>
      <ProgressBar now={percent} label={`${Math.round(percent)}%`} />
      <div className="test">{result}</div>
    </main>
);


}

export default App;```

[Pieparker]

Hey there! It's been a while since you wrote in. Are you still experiencing this issue?

It may be worth stripping your code back to the smallest reproduction you can. A very simple counter, or similar, so you can rule out the API call and env vars. You should also make use of log drains, in order to see what error is being presented!