How to log a state variable?

[wiseaidev]

I have followed this tutorial to debug state variables using gloo, as follows:

let features = use_state(|| vec![]);
// Do something on features
log!(features)

However, I am getting this error:

error[E0277]: the trait bound `JsValue: From<yew::UseStateHandle<Vec<Feature>>>` is not satisfied
  --> src/components/banner.rs:32:8
   |
32 |   log!(features);
   |   -----^^^^^^^^-
   |   |    |
   |   |    the trait `From<yew::UseStateHandle<Vec<Feature>>>` is not implemented for `JsValue`
   |   required by a bound introduced by this call
   |
   = help: the following other types implement trait `From<T>`:
             <JsValue as From<&'a T>>
             <JsValue as From<&'a std::string::String>>
             <JsValue as From<&'a str>>
             <JsValue as From<*const T>>
             <JsValue as From<*mut T>>
             <JsValue as From<AbortSignal>>
             <JsValue as From<AddEventListenerOptions>>
             <JsValue as From<AnimationEvent>>
           and 148 others

For more information about this error, try `rustc --explain E0277`.

Also, tried:

log!(JsValue::from(features))

But, it didn't work either.