Estoy usando JavaScript para obtener un número de dispositivo y usarlo para crear una URL. Desde allí, el usuario es redirigido al sitio web. Quería crear una página HTML simple que mostrara un mensaje durante unos segundos para informar al usuario si está siendo redirigido y, si no puede redirigir, el usuario muestra un mensaje de error.

Agradezco cualquier ayuda que me aconsejes que me puedas brindar.

 import axios from 'axios' import { useEffect } from 'react' import './Welcome.css' import config from './apiConfig' // eslint-disable-line no-unused-vars let counter = document.querySelector('h1') let count = 1 setInterval(() => { counter.innerText = count count++ }, 1000) const Welcome = () => { const fetchLocationAndRedirect = () => { axios .get( 'apiurl' ) .then((res) => { console.log(res.data.location_id) var location_id = res.data.location_id //Create new url const myURL = new URL('https://' + location_id + '.com') if (typeof window !== 'undefined') { // browser code window.location.href = myURL // Redirect user to my website } }) .catch((err) => console.log(err)) //alert('foo') } useEffect(() => { fetchLocationAndRedirect() }, []) return <h1 style={{ float: 'center' }}>Now redirecting you to My Website</h1> } export default Welcome```