diff --git a/packages/yew-functional/src/hooks/use_reducer.rs b/packages/yew-functional/src/hooks/use_reducer.rs
index 0f32529fc40..c2df4640208 100644
--- a/packages/yew-functional/src/hooks/use_reducer.rs
+++ b/packages/yew-functional/src/hooks/use_reducer.rs
@@ -149,26 +149,26 @@ where
 }
 
 /// State handle for [`use_reducer`] hook
-pub struct UseReducerHandle<STATE, ACTION> {
-    value: Rc<STATE>,
-    setter: Rc<dyn Fn(ACTION)>,
+pub struct UseReducerHandle<State, Action> {
+    value: Rc<State>,
+    setter: Rc<dyn Fn(Action)>,
 }
 
-impl<STATE, ACTION> UseReducerHandle<STATE, ACTION> {
-    pub fn dispatch(&self, value: ACTION) {
+impl<State, Action> UseReducerHandle<State, Action> {
+    pub fn dispatch(&self, value: Action) {
         (self.setter)(value)
     }
 }
 
-impl<STATE, ACTION> Deref for UseReducerHandle<STATE, ACTION> {
-    type Target = STATE;
+impl<State, Action> Deref for UseReducerHandle<State, Action> {
+    type Target = State;
 
     fn deref(&self) -> &Self::Target {
         &*self.value
     }
 }
 
-impl<STATE, ACTION> Clone for UseReducerHandle<STATE, ACTION> {
+impl<State, Action> Clone for UseReducerHandle<State, Action> {
     fn clone(&self) -> Self {
         Self {
             value: Rc::clone(&self.value),
diff --git a/packages/yew-functional/tests/use_effect.rs b/packages/yew-functional/tests/use_effect.rs
index 71d8a319758..53414c7a68d 100644
--- a/packages/yew-functional/tests/use_effect.rs
+++ b/packages/yew-functional/tests/use_effect.rs
@@ -64,7 +64,7 @@ fn use_effect_destroys_on_component_drop() {
                 }
             } else {
                 html! {
-                    <div>{"EMPTY"}</div>
+                    <div>{ "EMPTY" }</div>
                 }
             }
         }
@@ -103,9 +103,9 @@ fn use_effect_works_many_times() {
 
             return html! {
                 <div>
-                    {"The test result is"}
-                    <div id="result">{*counter}</div>
-                    {"\n"}
+                    { "The test result is" }
+                    <div id="result">{ *counter }</div>
+                    { "\n" }
                 </div>
             };
         }
@@ -138,9 +138,9 @@ fn use_effect_works_once() {
 
             return html! {
                 <div>
-                    {"The test result is"}
-                    <div id="result">{*counter}</div>
-                    {"\n"}
+                    { "The test result is" }
+                    <div id="result">{ *counter }</div>
+                    { "\n" }
                 </div>
             };
         }
diff --git a/packages/yew-functional/tests/use_state.rs b/packages/yew-functional/tests/use_state.rs
index a40df6f9f29..113537ba9f5 100644
--- a/packages/yew-functional/tests/use_state.rs
+++ b/packages/yew-functional/tests/use_state.rs
@@ -63,10 +63,10 @@ fn multiple_use_state_setters() {
             another_scope();
             return html! {
                 <div>
-                    {"Test Output: "}
+                    { "Test Output: " }
                     // expected output
-                    <div id="result">{*counter}</div>
-                    {"\n"}
+                    <div id="result">{ *counter }</div>
+                    { "\n" }
                 </div>
             };
         }