S
SolidJS•10mo ago
ish

Solid Start: CSR Only Page

I have one page that is very interactive and if client side rendering is not available I'd like to display a page along the lines of "javascript is required". I tried wrapping it in <ClientOnly> but that still comes out in the SSR content. Part of this is based on my bringing over the component from SolidJS and various browser only APIs are used. Thanks.
3 Replies
ish
ish•10mo ago
This almost gets me here.. 
const PcapUpload = unstable_clientOnly(() => import("~/components/PcapUpload"));

export default function Upload() {
  return (
    <>
      <PcapUpload
        fallback={<>This page requires a browser with JavaScript</>}
      />
    </>
  );
}
const PcapUpload = unstable_clientOnly(() => import("~/components/PcapUpload"));

export default function Upload() {
  return (
    <>
      <PcapUpload
        fallback={<>This page requires a browser with JavaScript</>}
      />
    </>
  );
}
However, if this is the first route the user goes to in the browser the fallback is display, and never goes away.
thetarnav
thetarnav•10mo ago
ish
ish•10mo ago
Thanks. That and a noscript tag got me the desired effect.
Want results from more Discord servers?
Add your server
More Posts
Remove element from store not workingI'm trying to remove an element from a reactive store based on the index. I've tried versions of thiProtected route dynamic route that has to match certain parameterI have a dynamic route for a user. The file route looks like this: routes/(home)/user/[user]/(user).Default values in props with Merge Giving me a weird interfaceIn the situation where I want to possibly pass in prop, say `arrOfStrings`: ``` tsx interface CompoSolidjs site metadata (title, description, meta image etc.) in JavascriptI'm having difficulty with setting up metadata. My site is purely client side. When I use `@solidjs/Panda CSS and Solid-Start = FOUCWhen using Panda CSS with Solid-Start, I notice there is some major FOUC happening regardless of howIs there something like a replacePathParameters method?Hello, I'm trying to do something like this with the SolidJS router: ```ts replacePathParameters("SolidStart with the static adapter and hynrid routing?Hello! Is the hybrid routing (islandsRouter) supposed to work with the static adapter in SolidStart?What should I use if I want features of both Resources and Stores?I'm using `createResource` in a `RouteDataFunc`, which fetches a JSON tree asynchrconously. I love u