title: Rectangle overlay on hovering a custom button
body: <p>I'm trying to define a custom button style where on hover a rectangle pops up around that button. </p>
  
  <pre><code>struct CustomButtonStyle: ButtonStyle {
  @State private var isOverButton = false
  
  func makeBody(configuration: Self.Configuration) -&gt; some View {
  
      ZStack {
          configuration.label
              .frame(minWidth: 0, maxWidth: .infinity)
              .padding()
              .foregroundColor(.white)
              .background(Color("Frost1"))
      }
      .padding(3)
      .onHover { over in
          self.isOverButton = over
          print("isOverButton:", self.isOverButton, "over:", over)
      }
      .overlay(VStack {
          if self.isOverButton {
              Rectangle()
                  .stroke(Color("Frost1"), lineWidth: 2)
          } else {
              EmptyView()
          }
      })
  }}
  </code></pre>
  
  <p>The print line shows me that setting the variable "isOverButton" is not working. Which type of variable state am I supposed to use that can be updated from "onHover" and updates "overlay"?</p>