title: Cannot convert value of type 'Int?' to expected argument type 'Binding<Int>' SwiftUI
body: <p>I created a circularprogress view to be able to show a progress bar according to the steps data. But for some reason I can not reach to the step.count inside my stepView file.</p>
  <p>This is my StepView</p>
  <pre><code>    struct StepView: View {
          private var healthStore: HealthStore?
          @State private var presentClipboardView = true
          @State private var steps: [Step] = [Step]()
          init() {
              healthStore = HealthStore()
          }
          private func updateUIFromStatistics(_ statisticsCollection: HKStatisticsCollection) {
              let now = Date()
              let startOfDay = Calendar.current.startOfDay(for: now)
              statisticsCollection.enumerateStatistics(from: startOfDay, to: now) { (statistics, stop) in
                  let count = statistics.sumQuantity()?.doubleValue(for: .count())
                  let step = Step(count: Int(count ?? 0), date: statistics.startDate, wc: Double(count ?? 0 / 1000 ))
                  steps.append(step)
              }
          }
          var body: some View {  
              VStack {
                  ForEach(steps, id: \.id) { step in
                      VStack {
                              HStack{
                                  Text(&quot;WC&quot;)
                                  Text(&quot;\(step.wc)&quot;)
                              }
                              HStack {
                                  Text(&quot;\(step.count ?? 0)&quot;)
                                  Text(&quot;Total Steps&quot;)
                              }
                              Text(step.date, style: .date)
                                  .opacity(0.5)
                          CircularProgress(steps: step.count) //ERROR
                              Spacer()
                      }
                  }
                  .navigationBarBackButtonHidden(true)
                  
              }
              
              .onAppear() {
                  if let healthStore = healthStore {
                      healthStore.requestAuthorization { (success) in
                          if success {
                              healthStore.calculateSteps { (statisticsCollection) in
                                  if let statisticsCollection = statisticsCollection {
                                      updateUIFromStatistics(statisticsCollection)
                                  }
                              }
                          }
                      }
                  }
              }
              .onDisappear() {
                  self.presentClipboardView.toggle()
              }
          }
      }
  </code></pre>
  <p>and this is my circularprogress view</p>
  <pre><code>    struct CircularProgress: View {
      var steps: Binding&lt;Int&gt;
      var body: some View {
          ZStack {
              Color.progressBarColor
                  .edgesIgnoringSafeArea(.all)
              VStack {
                  ZStack {
                      Label()
                      Outline(steps: steps)
                  }
              }
          }
      }
  }
  
  struct Label: View {
      var percentage: CGFloat = 20
      var body : some View {
          ZStack {
              Text(String(format: &quot;%.0f&quot;, percentage))
                  .font(Font.custom(&quot;SFCompactDisplay-Bold&quot;, size: 56))
          }
      }
  }
  
  struct Outline: View {
      var steps: Binding&lt;Int&gt;
      var percentage: CGFloat = 20
      var colors : [Color] = [Color.trackProgressBarColor]
      var body: some View {
          ZStack {
              Circle()
                  .fill(Color.clear)
                  .frame(width: 250, height: 250)
                  .overlay(
                      Circle()
                          .trim(from: 0, to: percentage * 0.01)
                          .stroke(style: StrokeStyle(lineWidth: 20, lineCap: .round, lineJoin: .round))
                          .fill(AngularGradient(gradient: .init(colors: colors), center: .center, startAngle: .zero, endAngle: .init(degrees: 360)))
                  ).animation(.spring(response: 2.0, dampingFraction: 1.0, blendDuration: 1.0))
          }
      }
  }
  </code></pre>
  <p>I am getting this error at stepview WHILE CALLING CIRCULARPROGRESS inside the stepview. I guess I am trying to get the data in the wrong way.</p>