SolidJS

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

SolidJS

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

7/25/2025

deferStream does not work

```tsx import { createAsync, Navigate, query } from "@solidjs/router"; const getShouldRedirect = query(async () => { "use server";...

Carl (klequis)

7/24/2025

How to test actions?

I'm using vitest in a SolidStart project. I'm trying to create tests for an action and haven't been able to figure it out or find any info on it. My current guess is that I need to automate/UI Test a form in a route, but thought I would ask before using more time by guessing....

siduck

7/24/2025

Unable to test component lib locally, No "JSXS" module

index.js:1 Uncaught SyntaxError: The requested module '/node_modules/.vite/deps/solid-js_jsx-runtime.js?v=4b49b76d' does not provide an export named 'jsxs' (at index.js:1:227)

index.js:1 Uncaught SyntaxError: The requested module '/node_modules/.vite/deps/solid-js_jsx-runtime.js?v=4b49b76d' does not provide an export named 'jsxs' (at index.js:1:227)

Hi, i want to test my component lib locally so i installed it in my project with the link command, i bundled the solid-js components with tsdown...

siduck

7/24/2025

use* directive is declared but its value is never read

kenpachi

7/21/2025

Tanstack virtual

I have been trying to recreate this infinite scroll example https://tanstack.com/virtual/latest/docs/framework/react/examples/infinite-scroll , but I am really blocked, it is 100% skill issue so my use I have explained in the code block for better context https://www.notion.so/1d693fabeac180c6af04ead686825ff3?source=copy_link This really got me scratching my head and I cant think of a way to tackle it , any help will be appreciated...

dammi

7/21/2025

Form submit with SolidStart

Hello everyone, i am following the docs from https://docs.solidjs.com/solid-router/reference/data-apis/action for using a formdata action (server) , but I get the following error. Can anyone point me to the right direction here?...

siduck

7/21/2025

How to bundle components into a package with tsup

Hi, new to making library stuff, I have a list of components/ + index.ts file index.ts exports most of the components, so I'd want ```jsx...

zomgitsdan

7/21/2025

Storybook MDX Needing React?

Senior dev back in the FE world after some time in API-Land. I am using SolidJs with Storybook. I would like to write some Doc stuff using MDX, but it seems Storybook really wants to render all JSX as React JSX?
Has anyone setup Storybook w/SolidJS and used MDX docs properly?...

siduck

7/20/2025

use directive not working

I was learning this https://www.solidjs.com/tutorial/bindings_directives but when i try use directive locally, it doesnt work. Do i need to enable things?...

siduck

7/19/2025

How to make components with multiple global states

```html <Dropdown> <DropdownTrigger> abc <DropdownTrigger> <DropdownContent> FLOATING DIV </DropdownContent> </Dropdown>...

siduck

7/19/2025

How to modify props of children?

In react i was using CloneElement, how to achieve this in solidjs? {props.children[0]} i want to add onclick method to this...

najati

7/18/2025

Idiomatic way to async update a signal through api call

I'm trying to async'ly update a value that's displayed in a couple places on the page. I'm looking for the most idiomatic/straightforward way to have a signal (or something that looks like one and is reactive) that I can use to display the value, update the value, and get the current state of the async update request. I've looked at createResource, query, and createAsync and none of them seem like natural fits, primarily because they are oriented around looking up an object from some key or other object, not providing a notion of having an object that can be updated. Maybe I'm totally wrong there, but I've tried a couple implementations and they didn't feel right....

Folco

7/18/2025

Stream SSR & BFF with full SPA transitions

Hey! Question about implementing :solid: SSR & BFF with full SPA transitions. Pls, help 🙂 Have a classic BFF with file-based routing on Fastify....

dalton

7/18/2025

Modular Forms with SolidStart

I'm trying to use Modular Forms in my SolidStart application but am unable to get the form to submit. I've had it working before, submitting properly so trying to debug what is causing the issue now. Thank you ```typescript export type CreateApplication = { title: string;...

maxkoretskyi

7/17/2025

umd bundle for solidjs

I want to render solidjs components in the browser without builder step. For React I do it like this with babel standalone:

<head> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/17.0.2/umd/react.development.js" crossorigin></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/17.0.2/umd/react-dom.development.js" crossorigin></script>...

ChrisThornham

7/16/2025

Server Functions cannot be nested in other blocks or functions

I just tried to upgrade to SolidStart 1.1.x. I started getting the Server Functions cannot be nested in other blocks or functions everywhere. I read this post by @Atila ....

siduck

7/15/2025

Rendering a component at a specific target during runtime

This works so far, no issues with it right? ```jsx const createToast = () => { let div = document.createElement("div");...

siduck

7/15/2025

How to make props reactive?

Hi why isnt the props reactive there, in Btn component? I hope i dont have to use a module for this now :/ ```jsx import { render } from "solid-js/web"; import { createSignal } from "solid-js";...

adequate

7/15/2025

Solid Element how to render children

``` customElement("x-component", {}, (props, { element }) => { return ( <button> {props.children} /* This? */...

odili

7/14/2025

_server in URL 500 Error logged

I got this error logged: ```ts 14-Jul-2025 02:57 +00:00: [request error] [unhandled] [GET] https://example.com/_server?id=src_routes_contact_tsx--contactAction_action&name=path-to-contact%2Fcontact.tsx%3Fpick%3Ddefault%26pick%3D%2524css%26tsr-directive-use-server%3D 14-Jul-2025 02:57 +00:00: TypeError: Invalid URL...

Contact.tsx

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.