How to use @BindingState when observing small piece of state in WithViewStore

[pilotns]

Hi everyone.

Is there a way to use @BidndingState in child feature and use .binding(_ keyPath:) when observing child feature state inside WithViewStore

Simple case

ChildFeature

struct Child: Reducer {
    struct State: Equatable {
        @BindingState var query = ""
    }
    
    enum Action: Equatable, BindableAction {
        case binding(BindingAction<State>)
    }
    
    var body: some ReducerOf<Self> {
        BindingReducer()
        Reduce { state, action in
            switch action {
            case .binding:
                return .none
            }
        }
    }
}

ParentFeature

struct Parent: Reducer {
    struct State: Equatable {
        var child = Child.State()
    }
    
    enum Action: Equatable {
        case child(Child.Action)
    }
    
    var body: some ReducerOf<Self> {
        Scope(state: \.child, action: /Action.child) {
            Child()
        }

        Reduce { state, action in
            switch action {
            case .child:
                return .none
            }
        }
    }
}

View

struct ContentView: View {
    let store: StoreOf<Parent>
    
    var body: some View {
        WithViewStore(self.store, observe: \.child) { child in
            VStack {
                TextField("Type your text", text: child.binding(\.$query)) // Cannot convert value of type 'Binding<Child.State>' to expected argument type 'Binding<String>'
            }
            .padding()
        }
    }
}

Environment: prerelease/1.0 Xcode 14.3

[coenttb]

I would like to know too. I see you closed this thread as resolved, can you please post the solution?

[pilotns]

I solved this case by better decomposition, like:

ParrentView

struct ParentView: View {
    let store: StoreOf<Parent>
    
    var body: some View {
        VStack {
            ChildView(
                store: self.store.scope(
                    state: \.child,
                    action: Parent.Action.child
                )
            )
        }
        .padding()
    }
}

ChildView

struct ChildView: View {
    let store: StoreOf<Child>
    
    var body: some View {
        WithViewStore(self.store, observe: { $0 } ) { child in
            VStack {
                TextField("Type your text", text: child.binding(\.$query))
            }
            .padding()
        }
    }
}