JaggerJo commented 2 years ago

The ReactComponent compiler plugin apparently can't deal with functions that take 2 arguments where the 2nd in optional.

The code below throws the following exception.


[<AutoOpen>]
module Example =

    type Person =
        { FirstName: string
          LastName: string
          Age: int }

    type UI with

        [<ReactComponent>]
        static member PersonView (person: Person, ?showAge: bool) =
            let showAge = defaultArg showAge false

            Html.div [
                Html.span person.FirstName
                Html.span person.LastName

                if showAge then
                    Html.span person.Age
            ]

        [<ReactComponent>]
        static member PersonList () =
            let people = [
                { FirstName = "Peter"
                  LastName = "Parker"
                  Age = 30 }

                { FirstName = "John"
                  LastName = "Doe"
                  Age = 40 }
            ]

            Html.div [

                for person in people do
                    UI.PersonView person
            ]

The first argument gets passed as the components props directly. It's not wrapped in a record.