Tengo una clase de mecanografiado de utilidad con una función estática llamada initTimer(), esta función llama a setTimeout. Sin embargo, cuando esta función estática se llama desde el componente de reacción, ¡el temporizador no se inicia!

StyleWrapper.tsx

 const StyleWrapper: FC = (props) => { const arrangeTiles = () => { StyleUtil.initTimer(); }; return ( <Context.Provider value={{ arrangeTiles }}> <div id="cnplStyleWrapper">{props.children}</div> </Context.Provider> ); };

StyleUtil.tsx

 export class StyleUtil{ public static initTimer(){ const timeoutId = window.setTimeout(() => { console.log("Timeout Called!!"); }, 100); } }

cuando establezco el valor de tiempo de espera en 0, la declaración de la consola se registra en la consola, pero cualquier valor que no sea 0, la declaración de registro no se registra en la consola. Extraño, ¿me estoy perdiendo algo conceptualmente aquí?