Sudhagar Posts - Answer Overflow

Sudhagar

•Created by Sudhagar on 1/14/2025 in #support

Suspense not getting triggered although I am accessing the result of createAsync in my components

<Suspense
      fallback={
        <div class="flex-1 items-center justify-center">
          <DottedLoader color="#999" from="checkout suspense" />
        </div>
      }
    >

<Suspense
      fallback={
        <div class="flex-1 items-center justify-center">
          <DottedLoader color="#999" from="checkout suspense" />
        </div>
      }
    >

const routeData: Accessor<ProcurementCheckoutRouteData | undefined> =
    createAsync<ProcurementCheckoutRouteData>(() => {

const routeData: Accessor<ProcurementCheckoutRouteData | undefined> =
    createAsync<ProcurementCheckoutRouteData>(() => {

<div class="px-3 text-h4 text-textDark">
              Proceed to pay {routeData()?.xxx}
            </div>

<div class="px-3 text-h4 text-textDark">
              Proceed to pay {routeData()?.xxx}
            </div>

This component is within a context provider which has its own suspension block. That is getting triggered fine.

2 replies

SSolidJS

•Created by Sudhagar on 11/21/2024 in #support

Does createAsync cause double renders on the server i.e an extra render after data becomes available

Was observing from the logs

(procirement) route
ProcurementProvider
getProcurementRouteData
routedata is  undefined
getting data  [ 'a', 'b', 'c' ]

(procirement) route
ProcurementProvider
routedata is  {
  a: ...,
  b: {
    ...
  },
  c: 10485.2
}

(procirement) route
ProcurementProvider
getProcurementRouteData
routedata is  undefined
getting data  [ 'a', 'b', 'c' ]

(procirement) route
ProcurementProvider
routedata is  {
  a: ...,
  b: {
    ...
  },
  c: 10485.2
}

5 replies

SSolidJS

•Created by Sudhagar on 9/12/2024 in #support

What is the ideal way to issue a redirect from the middleware?

currently doing return redirect(...)

1 replies

SSolidJS

•Created by Sudhagar on 8/20/2024 in #support

What is the logic for the generatino of hyd. keys eg 0-0-0-0-0-0-0-0-1-0-0-0-0-0-0-1-0-0-0-0-0-0-0-2

So that we can debug hydration errors to some extent

3 replies

SSolidJS

•Created by Sudhagar on 8/8/2024 in #support

With Solidstart, how do I force a refresh or prompt for it post a deployment

What are the commonly followed techniques for this

1 replies

SSolidJS

•Created by Sudhagar on 7/2/2024 in #support

With CSR, I see components inside Suspense rendering without waiting for CreateAsync's data

This happens on client side routing.

const routeData: Accessor<ProfileRouteData | undefined> = createAsync(() =>
    getData()
  );

const routeData: Accessor<ProfileRouteData | undefined> = createAsync(() =>
    getData()
  );

<Suspense fallback={<DottedLoader color="#999" />}>
  <Header
            headerImageUrl={
                ? routeData()?.config?.clientLogoUrl
                : defaultImageUrl
            }
  />
</Suspense>

<Suspense fallback={<DottedLoader color="#999" />}>
  <Header
            headerImageUrl={
                ? routeData()?.config?.clientLogoUrl
                : defaultImageUrl
            }
  />
</Suspense>

When I directly land on the route, I get the correct image. But when I visit it from some other page, I always see it rendering the default image.

2 replies

SSolidJS

•Created by Sudhagar on 5/10/2024 in #support

The requestEvent in the middleware is different from requestEvent from getRequestEvent in the same

request cycle This is leading to some weird bugs

6 replies

SSolidJS

•Created by Sudhagar on 5/10/2024 in #support

On the server, `getRequestEvent()` sometimes returns null

This happens not that frequently, but still happens. I am calling a function from middleware. In that function, I do getRequestEvent and there I am getting it as null

2 replies

SSolidJS

•Created by Sudhagar on 5/3/2024 in #support

Getting Object.hasOwn is not a function on older browsers. Attaching the trace

7 replies

SSolidJS

•Created by Sudhagar on 4/19/2024 in #support

How can I inject json-ld data into my route page?

This is the json I want to inject

{
    "@context": "http://schema.org",
    "@type": "Product",
    "name": "Example Product",
    "image": "https://example.com/path/to/image.jpg",
    "description": "A detailed description of the product.",
    "sku": "SKU12345",
    "brand": {
      "@type": "Brand",
      "name": "Brand Name"
    },
    "offers": {
      "@type": "Offer",
      "priceCurrency": "USD",
      "price": "100.00",
      "itemCondition": "http://schema.org/NewCondition",
      "availability": "http://schema.org/InStock",
      "seller": {
        "@type": "Organization",
        "name": "Example.com"
      }
    }
  }

{
    "@context": "http://schema.org",
    "@type": "Product",
    "name": "Example Product",
    "image": "https://example.com/path/to/image.jpg",
    "description": "A detailed description of the product.",
    "sku": "SKU12345",
    "brand": {
      "@type": "Brand",
      "name": "Brand Name"
    },
    "offers": {
      "@type": "Offer",
      "priceCurrency": "USD",
      "price": "100.00",
      "itemCondition": "http://schema.org/NewCondition",
      "availability": "http://schema.org/InStock",
      "seller": {
        "@type": "Organization",
        "name": "Example.com"
      }
    }
  }

2 replies

SSolidJS

•Created by Sudhagar on 4/18/2024 in #support

I see my Solid Start app downloading tons of ts, tsx, scss files - Attaching Screenshot

8 replies

SSolidJS

•Created by Sudhagar on 4/1/2024 in #support

"Cannot call server function outside of a request" in onRequest middlware hook

This doesn't happen all the time. But happens.

3 replies

Gaming

Programming