SolidJS

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

SolidJS

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

4/11/2023

frontend navigation: null is not an object (evaluating '_el$11.nextSibling')

When navigating in the frontend, I have that error that occurs. There's a staging server which should help you see what's going on: https://frontend.weltkern.dev.auaust.ch When you land on the page, it should look normal. If you navigate to the products page (by clicking the image at the center of the landing page hero), you should see an error. If you reload the page, it's fine. If you then navigate back to the homepage (scroll a little to see the navbar as it's currently still white-on-white) you get the error back, until you reload. ...

jesseb34r

4/11/2023

create-jd-app auth.ts type error

I'm getting a type error immediately after loading a project with create-jd-app in my auth.ts file. @orjdev is there a fix on my side for this or is this an issue with the create-jd-app config?

hel.io

4/11/2023

How to import MWS only in dev mode in solid-start

Hi, I'm creating a #solid-start starter kit and I'm integrating MWS, here's the repo: https://github.com/alveshelio/solid-start-tailwindcss-playwright-template. However I'm having errors when trying to import it in root.tsx. This is how I'm importing it: ```ts...

Martnart

4/11/2023

RouteDataArgs Type Error for nested RouteData

```ts // Root export function routeData(args: RouteDataArgs) { return () => 'foo' }...

SilentRhetoric

4/10/2023

mergeProps deeply?

How deeply does merge props actually merge objects? Could I do? ```const merged = mergeProps( defaultsObj: { key1: defaultValue1,...

Mathieu

4/10/2023

How to get the first child out of `props.children`?

I think in React it is done like so: React.Children.toArray(props.children)[0] What would be the equivalent in SolidJS?...

zishh

4/10/2023

Constraining input element not working

I want to constraint the values of some input element but I seem to have a misunderstanding of the update cycle of solid. Example: ```tsx const [value, setValue] = createSignal("");...

Martnart

4/10/2023

Make routeData blocking

Following scenario: ``` (app).tsx (app)/ route.tsx...

Silvan

4/9/2023

React user confused on how to work with createResource response

Hey Guys i feel like im missing a fundamental thing here. it works but it looks very weird. Is there a better pattern for this? Basically data is an Array. I now want 1 random children to display...

eudrino

4/9/2023

DOM nodes caching for faster swap

Hello, i'm trying to cache dom nodes between updates (i have 2 div elements with 200 child nodes each, and i want to swap between them without recloning the <template> element, is there an idiomatic way to do that?) I also tried to store the 2 div elements in an array and swap like this <div>{array[activeParent()]}</div> and update the children using array[1].append(<div />) for example, but i wondered if there's a downside to that (memory leak, update bugs, worse performance)...

akerbeltz

4/9/2023

If the prop array can be an object or a string. Which method would you use ?

This is the code that renders the props.items that prop can be either an array of objects with a text titles and an icon or only an array of text titles. Also how would you do validation ? The code i wrote works correctly but there's a better way? <Index each={props.items}> {(item, index) => (...

oCarrott

4/8/2023

Uncaught TypeError: _tmpl$ is not a function

The error says _tmpl$ is not a function but I do not have a funtion or variable in my code that is called _tmpl$ . I click on where this error occurs and it shows me the text in the screenshot

jesseb34r

4/8/2023

SolidAuthConfig type error

I'm setting up auth with NextAuth for the first time and ran into a type error when following the example on the solid start tutorial page of next auth. ```tsx import { SolidAuth, type SolidAuthConfig } from "@auth/solid-start"; import GitHub from "@auth/core/providers/github";...

arazorda

4/7/2023

How can I load external .js script on specific route?

Adding <Link> doesn't help. I can see it in DOM, but it never sends a request.

arazorda

4/7/2023

How can I access root data?

Which I’ve defined in root.data.ts

jesseb34r

4/6/2023

how to add function call into JSX

I have a component setup like ```tsx <GameRoot> <Zone id="players" /> <Zone id="battlefield" />...

eponymous

4/6/2023

Render HTML from string

I have a string containing HTML tags which I want to render as HTML. For example, this can be accomplished in Svelte with a special @html directive: https://svelte.dev/tutorial/html-tags. However, I don't see a similarly straightforward way to accomplish this in SolidJS. Am I missing something? Thanks!...

bigmistqke

4/6/2023

how to throttle effects

Is there a way to throttle effects? Naive approaches, like slapping the callback of a createEffect in a throttle-function, don't seem to work (I assume it has something to do with the fact that it's sort of async-y)?...

Max

4/6/2023

solid start typescript 4.9/5 satisfies operator

Hi, wondering is there anything that should be done to use satisfies operator on solid start, update some vite plugins or something? End up with Expected ";" but found "satisfies"' on build Just did on fresh npm init solid@latest ...

Boku 🜲

4/6/2023

Index block does not notice change in a store

for some reason, the loop does not notice the change in the store. i've tried with signal and got the same result. sc: https://pastebin.com/WANfg1Mp...

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.