From 3c3c5a2e263712b10562ad088549d47aa53984d5 Mon Sep 17 00:00:00 2001
From: fmg-pearce <pearce.hayward@fortescue.com>
Date: Tue, 7 Apr 2026 22:12:25 +0800
Subject: [PATCH 1/2] bump yew version to latest

---
 Cargo.toml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Cargo.toml b/Cargo.toml
index 66e42a8..5ebd7b4 100644
--- a/Cargo.toml
+++ b/Cargo.toml
@@ -16,7 +16,7 @@ exclude = ["assets", "examples"]
 
 [dependencies]
 web-sys = { version = "0.3", default-features = false }
-yew = { version = "0.21.0", default-features = false, optional = true }
+yew = { version = "0.22.0", default-features = false, optional = true }
 dioxus = { version = "0.6.3", optional = true }
 leptos = { version = "0.7.7", optional = true }
 

From 39637892abad635233b93a189ca73e565efc88c5 Mon Sep 17 00:00:00 2001
From: fmg-pearce <pearce.hayward@fortescue.com>
Date: Tue, 7 Apr 2026 22:48:43 +0800
Subject: [PATCH 2/2] fix for 533 | /     html! { 534 | |         <div
 class={props.class}> 535 | |             <label class={props.label_class}
 for={props.id}>{ props.label }</label> 536 | |             <div
 class={props.field_class}> ...   | 542 | |                     {
 &props.error_message }     | |                       ^^^^^^^^^^^^^^^^^^^^ the
 trait `IntoPropValue<VNode>` is not implemented for `&&str` ...   | 545 | |  
       </div> 546 | |     }     | |_____- required by a bound introduced by
 this call     | help: consider dereferencing here     | 542 |                
     { &*props.error_message }     |                        + help: consider
 removing the leading `&`-reference     | 542 -                     {
 &props.error_message } 542 +                     { props.error_message }    
 |

---
 src/yew.rs | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/yew.rs b/src/yew.rs
index 3449499..6f26c60 100644
--- a/src/yew.rs
+++ b/src/yew.rs
@@ -539,7 +539,7 @@ pub fn input(props: &Props) -> Html {
             </div>
             if !valid {
                 <div class={props.error_class} id={props.aria_describedby}>
-                    { &props.error_message }
+                    { props.error_message }
                 </div>
             }
         </div>