Lazy in For results in renderToString timed out in production build

Using a bare solid-start project with the following code, and running the prod build of it, results in a "renderToString timed out". To be precise: the first request results in this time out. Every further request works without timeout.

Node version: v16.13.0

import { For, lazy } from "solid-js";

const LazyCounter = lazy(async() => import('~/components/Counter'))

export default function Home() {
  return (
    <main>
      <For each={[1,2,3]}>
        {() => {
          return <LazyCounter />
        }}
      </For>
    </main>
  );
}

import { For, lazy } from "solid-js";

const LazyCounter = lazy(async() => import('~/components/Counter'))

export default function Home() {
  return (
    <main>
      <For each={[1,2,3]}>
        {() => {
          return <LazyCounter />
        }}
      </For>
    </main>
  );
}

SolidJS•4y ago•

31 replies

Katja (katywings)

Lazy in For results in renderToString timed out in production build

import { For, lazy } from "solid-js";

const LazyCounter = lazy(async() => import('~/components/Counter'))

export default function Home() {
  return (
    <main>
      <For each={[1,2,3]}>
        {() => {
          return <LazyCounter />
        }}
      </For>
    </main>
  );
}

import { For, lazy } from "solid-js";

const LazyCounter = lazy(async() => import('~/components/Counter'))

export default function Home() {
  return (
    <main>
      <For each={[1,2,3]}>
        {() => {
          return <LazyCounter />
        }}
      </For>
    </main>
  );
}

Lazy in For results in renderToString timed out in production build

Similar Threads

Lazy in For results in renderToString timed out in production build

Similar Threads

Similar Threads

Similar Threads