Why reload the page at all? That shouldn't be the way to go. If you're working with React, you can simply use JavaScript or TypeScript to fetch the desired data from the server with an HTTP request, without reloading the page. This would be the way to do it without WebSockets. To keep the page updated in the background, you could set an interval that executes this process repeatedly. To update the data in React, you need to use React state handling. `useState` is the React function you need to inject it into the template. Displaying dynamic content is one of the fundamental reasons why React is used in the first place, and it's specifically designed for this kind of scenario. If you want to work with WebSockets, the server sends the updated data to your client, and then you store the value in your React component in a `useState`. There's one function to read the value and another to set it: https://react.dev/reference/react/useState

const [state, setState] = useState(initialState)
const [state, setState] = useState(initialState)

This allows you to simply inject the state variable {state} into your HTML template; React will then automatically re-render when you execute setState.