Why this view modifier it's ambiguous?

To add a background to the tab content I implement the following background, nesting another modifier equal within this one.

.background(
    .background // ERROR: Ambiguous use of 'background'
        .shadow(.drop(
            color: .primary.opacity(0.08), 
            radius: 5, x: 5, y: 5)
        )
        .shadow(.drop(
            color: .primary.opacity(0.08), 
            radius: 5, x: -5, y: -5)
        ),
    in: .capsule
)
Answered by theosementa in 826556022

I’ve tried your code but it works on my project. I can suggest you to do this

.background(
   Color.white
      .shadow(.drop(
          color: .primary.opacity(0.08),
          radius: 5, x: 5, y: 5)
       )
       .shadow(.drop(
          color: .primary.opacity(0.08),
          radius: 5, x: -5, y: -5)
       ),
   in: .capsule
)
Accepted Answer

I’ve tried your code but it works on my project. I can suggest you to do this

.background(
   Color.white
      .shadow(.drop(
          color: .primary.opacity(0.08),
          radius: 5, x: 5, y: 5)
       )
       .shadow(.drop(
          color: .primary.opacity(0.08),
          radius: 5, x: -5, y: -5)
       ),
   in: .capsule
)

@jrodriguer There isn't enough context from the description and code snippet you've provided to reproduce the issue.

Could you provide the complete code snippet for the View?