SolidJSS
SolidJSโ€ข2y agoโ€ข
6 replies
Twilight

Universal rendering does not trigger re-render and onMount or onCleanup

I am trying to implement a custom renderer using solid-js/universal but I am not able to get onMount or onCleanup to work, and neither does setCount() re-render.
here's my code:
function Component() {
  const [count, setCount] = createSignal(0);

  const interval = setInterval(() => {
    console.log('interval', count());
    setCount((prev) => prev + 1);
  }, 1000);

  onMount(() => {
    console.log('mounted');
  });

  onCleanup(() => {
    console.log('cleanup');
    clearInterval(interval);
  });

  return (
    <View>
      <Text>{count()}</Text>
    </View>
  );
}

render(() => <Component />, customDom.root);

setInterval(() => {
  console.log(customDom.toString());
}, 1000);
Was this page helpful?