[<ReactComponent>]'s caller will fail to pass in a tuple argument.

[sheganinans]

open Feliz
open Browser.Dom

[<ReactComponent>]
let Ouch ((a, b, c) : int * string * float) =
  Html.div [ Html.text a; Html.text b; Html.text c ]

let root = ReactDOM.createRoot (document.getElementById "feliz-app")
root.render (Ouch(1, "2", 3.0))

produces the following JS:

import { createElement } from "react";
import React from "react";
import { Interop_reactApi } from "./fable_modules/Feliz.2.6.0/./Interop.fs.js";
import { createRoot } from "react-dom/client";

export function Ouch(ouchInputProps) {
    const _arg1__2 = ouchInputProps._arg1_2;
    const _arg1__1 = ouchInputProps._arg1_1;
    const _arg1_ = ouchInputProps._arg1_0;
    const _arg = [_arg1_, _arg1__1, _arg1__2];
    return createElement("div", {
        children: Interop_reactApi.Children.toArray([_arg[0], _arg[1], _arg[2]]),
    });
}

export const root = createRoot(document.getElementById("feliz-app"));

root.render(createElement(Ouch, {}));

The issue is the last line root.render(createElement(Ouch, {}));:
The generated code passes in an empty object {} into Ouch.

A possible workaround is to make an anonymous struct for these arguments, but I was wondering if this is a bug or if there is a better solution?

[Zaid-Ajaj]

Hi there @sheganinans, I believe it should work if you spread the arguments:

[<ReactComponent>]
let Ouch (a: int, b: int, c:int) =
  Html.div [ Html.text a; Html.text b; Html.text c ]

Can you give that a try?

[sheganinans]

Hi @Zaid-Ajaj just wanted to say thank you for making this library, I have been using it very happily for years!

Yes, there are a number of workarounds, your suggestion works, splitting it into curried arguments also works, and so does an anonymous struct.

I just wanted to report that this is unexpected behavior for tuples.

[Zaid-Ajaj]

just wanted to say thank you for making this library, I have been using it very happily for years!

Happy to hear that ❤ thank you!

I just wanted to report that this is unexpected behavior for tuples.

I'll have a look when time permits, thanks for the report 🙏