Having a problem with deal with errorboundary

[thexiay]

here i want to catch error in my on:submit data block, but it cause a error.

// pub type Result<T> = core::result::Result<T, ErrorCode>;
// ErrorCode derive Snafu

let handle_submit = move |event: SubmitEvent| -> Result<()> { 
            event.prevent_default();
            let picker = Stragety1Picker::new(
                numbers.get().clone(),
                Some(fix_numbers.get().clone()),
                (
                    m_pick_n_numbers.get(),
                    n.get().parse().unwrap(),
                ),
            );
            set_num_picker.set(Some(Arc::new(picker?)));  
            set_user_step.set(Step::DoingStrategy);
            Ok(())
        };

        view! {
            <div>
                <form on:submit=handle_submit>
                    <div>
                        <label>
                            {"n:"}
                            <input type="n" value={n} on:input={move |e| set_n.set(event_target_value(&e))}/>
                        </label>
                    </div>
                    <button type="submit">{"Submit"}</button>
                </form>
                <ErrorBoundary
                    fallback=|errors| view! {
                        <div class="error">
                            <p>"Inner error: "</p>
                            <ul>
                                {move || errors.get()
                                    .into_iter()
                                    .map(|(_, e)| view! { <li>{e.to_string()}</li>})
                                    .collect::<Vec<_>>()
                                }
                            </ul>
                        </div>
                    }
                >
                    <p>
                        "You entered "
                        <strong>{n}</strong>
                    </p>
                </ErrorBoundary>
            </div>
        }

but it got an error

error[E0271]: expected `{[email protected]:136:29}` to be a closure that returns `()`, but it returns `Result<(), ErrorCode>`
    --> src\app.rs:154:33
     |
154  |                 <form on:submit=handle_submit>
     |                       --        ^^^^^^^^^^^^^ expected `()`, found `Result<(), ErrorCode>`
     |                       |
     |                       required by a bound introduced by this call
     |
     = note: expected unit type `()`
                     found enum `Result<(), ErrorCode>`

but the example is used for on:input, so how does errorboundary works?

[gbj]

That is not how error boundaries or event handlers work in Leptos. ErrorBoundary catches Results rendered in the view inside it. Event listeners can't return values. Here are some examples.

[thexiay]

If i want to throw a error in event listeners, e.g submit action, what's the best practices?

[gbj]

You can have an error signal that you set if there is an error and read from somewhere in the view to trigger the ErrorBoundary.

[thexiay]

You can have an error signal that you set if there is an error and read from somewhere in the view to trigger the ErrorBoundary.

thanks!