How to deploy Application Gateway without NestedDeploymentShortCircuited

[jachin84]

I am using module appgw 'br/public:avm/res/network/application-gateway:0.7.2' to deploy App GW. I am only using the most basic configuration but still get the error below when running a WhatIf deployment:

(/subscriptions/blah/resourceGroups/tlsproxy-aue-01/providers/Microsoft.Resources/deployments/appgw-fedfwshb6nk5o) A nested deployment got short-circuited and all its resources got skipped from validation. This is due to a nested template having a parameter that was not fully evaluated (e.g. contains a reference() function). Please see https://aka.ms/WhatIfEvalStopped for more guidance. (NestedDeploymentShortCircuited)

Through a bit of trial and error I've worked out this issue is with these lines:

 listeners: [
      {
        name: 'ext-dps-mqtts'
        properties: {
          frontendIPConfiguration: {
            id: resourceId(
              'Microsoft.Network/applicationGateways/frontendIPConfigurations',
              name,
              'appGwPublicFrontendIpIPv4'
            )
          }
          frontendPort: {
            id: resourceId('Microsoft.Network/applicationGateways/frontendPorts', name, 'port_8883')
          }
          protocol: 'Tls'
          sslCertificate: {
            id: resourceId('Microsoft.Network/applicationGateways/sslCertificates', name, 'defaultCertificate')
          }
        }
      }
...

If I remove resourceId and hardcode the id it works. But I with resourceId() function it does not. Is there a workaround for this?