SolidJS

Solid is a declarative reactive Javascript library for creating user interfaces.

SolidJS

Solid is a declarative reactive Javascript library for creating user interfaces.

2/1/2025

createRoot with libraries?

I have a very strange behaviour that I can't really explain. I've been building a library in which is a plugin to the rete (retejs.org) library, as part of this I have to manage component lifecycle for which I use createRoot. The strange thing is, that createRoot prevents Components from inside the library to trigger "computation created outside a 'createRoot'..." but it doesn't prevent the same if I create a child component outside the library in main code. So if I have something like the following that gets created under a createRoot call: ...

Jason.json

2/1/2025

useContext returns undefined

Hi there! I am making a game launcher wich looks like an OS in frutiger aero style with Solid JS. I have a ContextProvider wrapping my whole app like so: ```ts render( () => (...

hannus

2/1/2025

Duplicate `<link rel="canonical">` in SolidStart

In my SolidStart project, I have the following code:
```tsx <Title>Home | Example</Title> <Link rel="canonical" href="https://www.example.com/" />...

Eddie

1/31/2025

Hydration error when using <Show> in SolidStart

I am new to SolidStart, I see this talked about in several places but I fail to understand how any of the mentioned solutions applies to my case. I am trying to conditionally render something using <Show>: ```tsx export function Footer() {...

grobitto

1/31/2025

Solid Router: save page state inside useBeforeLeave

Hello everyone I have a case when I want to save some of the page state inside history to be able to access it if user goes back at some point. I see useLocation router primitive, but the .state there is something passed frim useNavigate. In my case I want to save this state inside useBeforeLeave. I know I can just use history.replaceState browser API, but the problem is I need to use either standard Router, or MemoryRouter, depending on platform the app is running at, so I would love to stick to solid-only api...

Rusty Mag

1/30/2025

Socket IO Errors

In the uploaded file is my socket.io error

message.txt

Robert Martin

1/30/2025

Stuck on a simple router setup

I'm learning how to use Solid Router by stepping through the docs in order. My goal is to build something like this: ``` <nav> <a href="/">Home</a>...

Rvespula

1/29/2025

createResource

I'm trying to be able to reuse functions for API calls, like how it's done with React Query, but the value of data.isLoading loses reactivity when I use it in my component. ```jsx /// function export function useGetUserById(id: string) {...

karolisk

1/29/2025

multiple options for auto import

I have annoying issue with my IDEs, that I get multiple import suggestions so there is no quick way to apply auto import. Maybe someone has quick idea how to fix it? There is one correct import from "solid-js" and other from "solid-js/types...".

binajmen

1/28/2025

Why do I end up with a server-fns for a number input component?

I noticed in the build log these lines (see attachment). I do not understand why I have the InputNumber component in the server fns assets: .vinxi/build/server-fns/_server/number-input.mjs 0.90 kB ...

message.txt

Đăng Tú

1/28/2025

Is there away to pass all variable to all children components

I want to do simple i18n: ```ts // i18n.ts file export default {...

Chris P Bacon

1/27/2025

Mixing async and signals

I have a -probably stipid- question: can I create a createAsyncMemo function? and how would I go about that? I am looking for a memo that can handle async browser api's. I thought that I could just use createAsync for this. however since it seems to be tied to the page's state I get a flickering page because the source signal I use has an internal use of createPolled. So in that train of thought I think the next logical step is to basically make a createAsync that is not tied to the router. But I am not having much luck, likely due to my limited knowledge in regards to signals. For some more concrete context, I have a function that I feed an Accessor<FileSystemDirectoryHandle> and this returns me a signal of all the .json files in that directory. Interally I also poll the files' lastModified so that my output signal is updated every time a file is CRUD'ed outside of my app. Next, and this is my problem code, I want to consume this file-list-signal. The file API's are however all async, and I often have trouble mixing async and signals. So guessing this is all due to a lack of knowledge on my part, how would I go about mixing async and signals best?...

wes337

1/26/2025

Solid-Meta on dynamic SSR routes

I am trying to set dynamically set metadata for Slack/X preview cards. ```js const getVideo = query(async (videoId) => { "use server";...

snorbi

1/26/2025

How to extract common reactive code?

I have some common code that I want to use in multiple components, like: ```tsx const [currentTime, setCurrentTime] = createSignal(getCurrentTimeMinutePrecision()) let timer: NodeJS.Timer...

quinnvaughn

1/24/2025

How to integrate Apollo Client into Solid Start with SSR?

I got Apollo working fine with my own custom functions/provider (solid-apollo hasn't been touched in 3 years and the author has made no attempt to fix anything, and I don't believe it supported reactivity in the variables anyways, so variables needs to be a function call in createQuery), but I'm having trouble getting it to properly work with SSR. The client on the server doesn't talk to the client on the browser and I was trying to go through the server rendering docs https://www.apollographql....

MrJohz

1/23/2025

How can I test that all computations were created in a root?

I have a complicated hook that creates a bunch of memos and other signals that have a somewhat complex lifecycle. I have tests that check that the behaviour is correct, but usually the clearest way I see that something's gone wrong is if warnings show up in the test messages. Is there a way that I can check that all computations were created in a root, and if possible, can I check that they were created in a particular root and therefore cleaned up when that root is disposed?

Ashraf C

1/23/2025

I have integrated @solid/meta in my solid-start project but I keep getting an error.

I have integrated @solid/meta in my solid-start project but I keep getting an error saying <MetaProvider /> should be in the tree. I don't know how to resolve this error even though I configured the MetaProvider at the root level and this is happening in different routes

Duncan

1/22/2025

Just using Filerouter from solidstart

If I just import the File Router from Solidstart into a non-start solid project will I be able to use it on it's own? I'm having to switch away from SSR for this app as I can't get the Arcgis modules to build through the vinxi process, but if possible I'd like to keep using the routing as I'm pulling some params from the routes.

danchez

1/22/2025

Exception thrown when invoking useNavigate within Router root layout

I am having a real hard time working through this problem. I feel like I've tried everything but nothing has been working and there's probably something I'm not seeing clearly anymore. The short of it is, when I attempt to invoke navigate("/login") from my root layout component, I am greeted with the following exception: ```ts...

Duncan

1/22/2025

Solidstart project won't build

I have a Solidstart project that I'm running into a error I can't figure out on. For part of the app I use ESRI @arcgis/core modules, for those I use clientOnly which worked great. Everything works perfectly when run under dev mode. But when I try to build it it fails while attempting to transform of the @arcgis/core modules. This looks to be the source of the error: [8:45:46 PM] ERROR [commonjs--resolver] C:\code\solid\nodemodules.pnpm@arcgis+core@4.31.6@floating-ui+utils@0.2.9\node_modules@arcgis\core\layers\support\rasterFunctions\rasterProjectionHelper.js: Identifier 'e' has already been declared. (5:17320) ...

Previous Next

Gaming

Programming

SolidJS

Solid is a declarative reactive Javascript library for creating user interfaces.

SolidJS

Solid is a declarative reactive Javascript library for creating user interfaces.