Single Fetch: Using two equal promises from loader data fails

[linkvt]

Reproduction

https://stackblitz.com/edit/remix-run-remix-hgnfzj?file=app%2Froutes%2F_index.tsx

System Info

not relevant, see StackBlitz environment

Used Package Manager

npm

Expected Behavior

When using single fetch and thus turbo-stream, we should be able to return two promises resolving the same value.
This occurred to me when returning the count of items in two tables to display in a dashboard which happened to be equal.

I'm opening the issue in here as I do not know, if this was caused by an error in remix or turbo-stream.

Thanks!

Actual Behavior

turbo-stream throws an error while unflattening the responses.

According to the stack trace it seems to be this check whether the array is empty: https://github.com/jacob-ebey/turbo-stream/blob/a72f7a76e393cf43b265036521d519c22f2c3c08/src/unflatten.ts#L35

The data returned by remix looked like this:

[...{"31":32,"33":34,"35":36},"promiseA",["P",32],"somethingStatic",0,"promiseB",["P",36]]
P32:[1]
P36:[]

Edit: I decided to dig a bit deeper and could recreate this issue in turbo-stream, see jacob-ebey/turbo-stream#28 . Leaving this issue open as it still affects remix.

[linkvt]

Just tested it with turbo-stream 2.1.0 by adding an overwrite like this to my package.json:

  "overrides": {
    "turbo-stream": "2.1.0"
  }

Works as expected 👍

[brophdawg11]

This should be resolved by #9562 and available in the next release

[github-actions]

🤖 Hello there,

We just published version 2.10.0-pre.0 which involves this issue. If you'd like to take it for a test run please try it out and let us know what you think!

Thanks!

[github-actions]

🤖 Hello there,

We just published version 2.10.0 which involves this issue. If you'd like to take it for a test run please try it out and let us know what you think!

Thanks!