1.3.2 Causes Seroval Error on Action submit | SolidJS | Page 1

fresh socket Feb 28, 2026, 5:32 PM

#

re: @rare basin

1.2.1 works as expected

Stack: Deno & Solid-Start

Dependencies:

"dependencies": {
    "@ark-ui/solid": "^5.32.0",
    "@solidjs/meta": "^0.29.4",
    "@solidjs/router": "^0.15.4",
    "@solidjs/start": "1.3.2",
    "@supabase/ssr": "^0.8.0",
    "@supabase/supabase-js": "2.97.0",
    "dexie": "^4.3.0",
    "solid-js": "^1.9.11"
  },

rare basin Feb 28, 2026, 5:36 PM

#

fresh socket re: <@317910247995867139> [Original thread:](https://discord.com/channels/7221...

I need to know the network payload here, this seems to be triggering a request

#

can you check _server again? open network tab then trigger the action so that it records properly

fresh socket Feb 28, 2026, 5:40 PM

#

There's nothing because the Error clears the network state.

Here is the browser URL though:

http://localhost:3000/_server?id=src_forms_actions_save-system-block_ts--saveSystemBlockAction_action&name=%2FUsers%2Fcaseybaggz%2Fgithub%2Fnurl%2Fsanctum%2Fsrc%2Fforms%2Factions%2Fsave-system-block.ts%3Ftsr-directive-use-server%3D&args=%5B%7B%22category%22%3A%22method%22%2C%22categoryPath%22%3A%22resolution.method%22%2C%22checkoutCtx%22%3A%7B%22commit_object%22%3A%7B%22author%22%3A%222bf488d0-f472-4ed0-bb32-7dde23480fcd%22%2C%22created_at%22%3A%222026-02-27T14%3A05%3A58.900Z%22%2C%22repo_root%22%3A%222417b631bc03454ad8ab419f4a22cade553adcdf828b23e76054211d42730c6b%22%7D%2C%22head_commit_hash%22%3A%2299cc4f7c0c3b304343831dcf043adba8fbf1832eaa5a70ecfffcd9a58c680b2d%22%2C%22ref_name%22%3A%22main%22%2C%22ref_slug%22%3A%22main%22%2C%22repo_id%22%3A%2244040e1c-11de-41c1-8a99-53bb28223169%22%2C%22repo_root_content%22%3A%7B%22files%22%3A%7B%2284962d4c-3bb9-4836-b5da-659f0be1a338%22%3A%229210195f015daed56a1b478d40294f9184c3eab8a01165c32299d8ba033f433b%22%2C%22e154bde8-7903-42fb-8073-f9eb55204559%22%3A%22df3ab8151214b282e886977b51fa43599a0ecd5289b2c7114656821f0eb3d91d%22%7D%7D%2C%22repo_root_hash%22%3A%222417b631bc03454ad8ab419f4a22cade553adcdf828b23e76054211d42730c6b%22%2C%22repo_visibility%22%3A%22public%22%7D%2C%22content%22%3A%7B%22definitions%22%3A%7B%22resolution.core%22%3A%22032d556f6617597abe52be836a27e9719a3e38f63f7fe95a066962c3f19ed7c6%22%7D%2C%22extends%22%3A%5B%5D%2C%22metadata%22%3A%7B%22description%22%3A%22%22%2C%22owner%22%3A%22indie-collective%22%2C%22version%22%3A%220.0.0%22%7D%2C%22type%22%3A%22system_root%22%7D%2C%22dataBlockContent%22%3A%7B%22description%22%3A%22Roll+a+die+and+add+bonuses+to+reach+or+exceed+a+target+number.%22%2C%22key%22%3A%22roll_over%22%2C%22label%22%3A%22Roll+Over%22%7D%2C%22params%22%3A%7B%22branch%22%3A%22main%22%2C%22fileId%22%3A%22e154bde8-7903-42fb-8073-f9eb55204559%22%2C%22org%22%3A%22indie-collective%22%2C%22repo%22%3A%22open-source-game%22%7D%2C%22userId%22%3A%222bf488d0-f472-4ed0-bb32-7dde23480fcd%22%7D%5D

rare basin Feb 28, 2026, 5:42 PM

#

fresh socket There's nothing because the Error clears the network state. Here is the browse...

hmmm, it bypassed the serialization

#

when you switch to 1.3.2, have you tried deleting node_modules @fresh socket

fresh socket Feb 28, 2026, 5:45 PM

#

Nope. I stopped doing that when I left NPM years ago 😂

But...ya know what...why not. Hang tight.

rare basin Feb 28, 2026, 5:45 PM

#

ah right you're using deno lol

#

I missed that

#

there's no way for this to happen unless it's pulling old code

fresh socket Feb 28, 2026, 5:49 PM

#

OK! Let me do it

rare basin Feb 28, 2026, 5:52 PM

#

https://github.com/solidjs/solid-start/blob/c8e0697734f7a767a9b51f26a4368a1a0309d996/packages/start/src/runtime/server-runtime.ts#L119-L121

just for reference, this is where we encode the args

GitHub

solid-start/packages/start/src/runtime/server-runtime.ts at c8e0697...

SolidStart, the Solid app framework. Contribute to solidjs/solid-start development by creating an account on GitHub.

fresh socket Feb 28, 2026, 5:55 PM

#

Yeah, still the same result after killing and reinstalling deps 😭

#

Ohhhh, interesting...

#

Does not happen on pure SSR form (outside of a broken route)

#

Does not happen on pure SSR form (inside of broken out route)

#

Does not happen on useAction form (outside of broken out route)

#

Does not happen on useAction form (inside of a broken out route)

#

I was really hoping to migrate everything to .with 😭

rare basin Feb 28, 2026, 5:58 PM

#

so it only happens on .with right

fresh socket Feb 28, 2026, 5:58 PM

#

Seems to be - let me update that form to use useAction and validate

rare basin Feb 28, 2026, 5:59 PM

#

yes please

#

actually yeah the only time this is bypassed is through form element

#

but still, it should've serialized the with values through the link I shared

fresh socket Feb 28, 2026, 6:01 PM

#

It works! But...I really want to use .with 😂

#

So, it's definitely just a .with issue

rare basin Feb 28, 2026, 6:01 PM

#

okay, so .with is the problem. Good, let me try a repro

rare basin Feb 28, 2026, 6:06 PM

#

fresh socket So, it's definitely just a `.with` issue

Okay I was able to reproduce it

#

but, method="post" works

fresh socket Feb 28, 2026, 6:08 PM

#

Huh...that's what I was using?

rare basin Feb 28, 2026, 6:08 PM

#

I'm only able to repro the serialization issue

rare basin Feb 28, 2026, 6:09 PM

#

fresh socket Huh...that's what I was using?

can you check if method is being passed

#

on your Form component that is

fresh socket Feb 28, 2026, 6:11 PM

#

Yurp:

<Form
      action={saveSystemBlockAction.with({
        content: props.content,
        checkoutCtx: props.checkoutCtx,
        params: props.params,
        userId: props.userId,
        category: METHOD,
        categoryPath: `${RESOLUTION}.${METHOD}`,
        dataBlockContent: dataBlockContent(),
      })}
      method="post"
      h="full"
      w="full"
    >

#

That's just a PandaCSS styled form:

export const Form = styled("form");

#

Using a native form still does the same thing

rare basin Feb 28, 2026, 7:08 PM

#

ah I see

rare basin Mar 1, 2026, 2:14 AM

#

fresh socket Yurp: ```tsx <Form action={saveSystemBlockAction.with({ content: p...

okay so I think I found the issue.

https://github.com/solidjs/solid-router/blob/890c520d511fc7a6f5de0e6a4a34cba283de4c4b/src/data/action.ts#L160

This is probably the cause of our agony lol

GitHub

solid-router/src/data/action.ts at 890c520d511fc7a6f5de0e6a4a34cba2...

A universal router for Solid inspired by Ember and React Router - solidjs/solid-router

rare basin Mar 1, 2026, 8:12 AM

#

although funnily I think this whole thing on the html is actually ignored, what I'm curious is how the the headers are filled in so that it would be correct

rare basin Mar 1, 2026, 10:25 AM

#

Okay there shouldn't be a reason this is happening unless:

Router lib isn't loaded properly
HMR happened and then something something action function cannot be found by the Router

fresh socket Mar 1, 2026, 3:19 PM

#

Interesting? 🤔

According to my history, the project started at:

"@solidjs/meta": "^0.29.4",
"@solidjs/router": "^0.15.0",
"@solidjs/start": "^1.0.10",
"solid-js": "^1.9.3",

We originally were using pnPm but migrated to Deno in the past few months. This is the first time we have ever used the .with function out of the entire history.

I do know there is some weird HMR issues I have started seeing with certain routes once I moved to a Merkle DAG design. Especially once I started reusing query.

So, if a page is deep in the Merkle graph, the more query is (re)used. Only on these deep graph pages does the HMR weird stuff happened.

This is also what I mentioned in the IndexDB thread. I'm working on a re-design that will hopefully consolidate the query. However, I'm starting to wonder if there is an eventual "overload" on the system in cases like this?

For example, this is a realistic scenario:

Root parent calls queryMerkleBlob to get root file content
Child Layout calls queryMerkleBlob to get root file content (for nav stuff)
Child calls queryMerkleBlob to get file content
Child of Child calls queryMerkleBlob to get data content from file definition

👆 This page with the form is lower down the graph which means this is happening in the query Map chain

#

If I save, sometimes its fine, sometimes the route will run all the query and not render any content in the body. If this happens, I refresh and everything is appeared...but, links no longer work. If I navigate out (URL will change - UI will remain the same) - then hit refresh, the correct route appears and now everything is fine to proceed.

rare basin Mar 1, 2026, 5:20 PM

#

@fresh socket does your action include file uploads

fresh socket Mar 1, 2026, 5:21 PM

#

Nope. Just a form with a single select for now.

rare basin Mar 1, 2026, 5:28 PM

#

fresh socket Yurp: ```tsx <Form action={saveSystemBlockAction.with({ content: p...

this one @fresh socket ?

fresh socket Mar 1, 2026, 5:32 PM

#

Yeah. We actually don't do any file uploads in our entire app except one place which is at the top of the route tree (e.g. very, very far away from this form)

fresh socket Mar 10, 2026, 1:36 PM

#

@rare basin OK, got some more data. with works fine thoughout the app. The only place that is still causing this error is specifically the form referred to in this thread.

This form is the only one that is specifically within a dialog/portal using .with. Any other form rendered in a dialog in the app works fine with either SS form or useAction

Hope that helps the mystery

#

Specifically rendered in an Ark-UI diaog in case that matters (IDK why that would - it's just a Solid Portal)

fresh socket Mar 12, 2026, 1:24 PM

#

@rare basin .with is working fine in another Dialog form? This is so weird.

Both routes share the same initial querys
Both routes lazy load the form
Both routes use .with in the Dialog
Both routes use a shared action

🤔

rare basin Mar 12, 2026, 2:09 PM

#

fresh socket <@317910247995867139> `.with` is working fine in another Dialog form? This is so...

keep experimenting lol

fresh socket Mar 14, 2026, 3:50 PM

#

IDK why but useAction is working and this is a major blocker to our release so I'm just going to have to move forward with it. Sucks. Major hit on our UX & DX 😭

rare basin Mar 14, 2026, 5:25 PM

#

fresh socket IDK why but `useAction` is working and this is a major blocker to our release so...

did you try it with a different form that uses a portal too?

fresh socket Mar 14, 2026, 5:28 PM

#

Yeah. I'm using portaled forms throughout the app. I'm not sure why but something in Solid 1 seems to be maxing out in my app which is insteresting.

Only started happening when I switched to the Merkle DAG design which to me doesn't really make sense? But - that's the reality.

This page is heavier on the blob fetching with queries so I'm not sure.

At this point, if I save a file, the HMR will cause the app state to just pause randomly forcing a refresh (only on dev).

Outside of blob-heavy pages like this one, everything is fine.

#

It's only this specific use case with the .with. any other form API works fine so I'm just not sure what to do with that? 🤷‍♀️

#

Anyways, I just can't afford the debugging delay anymore and if useAction works I'll worry about it in 2.0 if it still exists.

#1.3.2 Causes Seroval Error on Action submit