org.primefaces.expression.ComponentNotFoundException: Cannot find component for expression "🇫🇷outputSp:superconta" referenced from "frm📺question"

Olá pessoal, estou com dificuldade em fazer update em dois componentes que estão dentro de um form, eis o erro: org.primefaces.expression.ComponentNotFoundException: Cannot find component for expression “:fr:outputSp:superconta” referenced from “frm:tv:question”.

<h:form id=“frm”>

            <div class="ui-g-12">
                <div class="card card-w-title">
                    <h1 style="font-size:30px">SIGHP - Módulo de Contabilidade</h1>
                    <p:tooltip />
                    <p:messages id="messages" showDetail="true" showSummary="false" autoUpdate="true" closable="true" />
                    <p:tabView id="tv" >
                        <p:tab title="Nova Conta" id="tbl" >

                            <p:panelGrid columns="2" layout="grid" style="margin-bottom:20px;" styleClass="ui-panelgrid-blank form-group">



                                <h:panelGroup>

                                    <p:outputLabel value="Seleciona a Classe Contabil"/>
                                    <p:selectOneMenu id="classe" value="#{selectOneMenuView.console}" style="margin-bottom:10px; width:400px ">
                                        <f:selectItem itemLabel="" itemValue="" />
                                        <f:selectItem itemLabel="Xbox One" itemValue="Xbox One" />

                                    </p:selectOneMenu>

                                </h:panelGroup>

                                <h:panelGroup>

                                    <p:outputLabel value="Descrição da Conta:"/>
                                    <p:inputText id="conta" required="true" value="#{contaManagedBean.conta.descricaoconta}" style="width:400px;" label="Descrição" />

                                </h:panelGroup>

                                <h:panelGroup>

                                    <p:outputLabel value="Seleciona Tipo de Conta"/>
                                    <p:selectOneMenu id="tpconta" value="#{selectOneMenuView.console}" style="margin-bottom:10px; width:400px ">
                                        <f:selectItem itemLabel="" itemValue="" />
                                        <f:selectItem itemLabel="Xbox One" itemValue="Xbox One" />

                                    </p:selectOneMenu>

                                </h:panelGroup>


                                <h:panelGroup>

                                    <p:outputLabel value="É super Conta?"/>
                                    <p:selectOneMenu id="question"  style="margin-bottom:10px; width:400px" value="#{contaManagedBean.tipo}">
                                        <f:selectItem itemLabel="Seleccione" itemValue="" />
                                        <f:selectItem itemLabel="Sim" itemValue="Sim" />
                                        <f:selectItem itemLabel="Não" itemValue="Não" />
                                        <p:ajax update=":fr:outputSp:superconta" listener="#{contaManagedBean.mudarEstado()}" />

                                    </p:selectOneMenu>

                                </h:panelGroup>

                                <h:panelGroup>

                                    <p:outputLabel id="outputSp" value="Seleciona a super Conta" for="superconta" rendered="#{contaManagedBean.superconta}"/>

                                    <p:selectOneMenu id="superconta"  style="margin-bottom:10px; width:400px " rendered="#{contaManagedBean.superconta}">
                                        <f:selectItem itemLabel="" itemValue="" />
                                        <f:selectItem itemLabel="Xbox One" itemValue="Xbox One" />

                                    </p:selectOneMenu>

                                </h:panelGroup>


                            </p:panelGrid>

                        </p:tab>


                    </p:tabView>
                    <p:panelGrid columns="2" layout="grid" style="margin-left:-15px; margin-bottom:20px; width: 250px;" styleClass="ui-panelgrid-blank form-group">
                        <p:commandButton icon="ui-icon-save" value="Salvar" style="margin-bottom:10px; width:115px; " styleClass="flat" action="#{classeFManagedBean.gravar()}"/>
                        <p:button outcome="/contabilidade/PlanoDeConta/formConta" value="Novo Registro"  style="margin-bottom:10px; width:120px;" styleClass="flat"/>


                    </p:panelGrid>

                </div>
            </div>

        </div>
    </h:form>

Pessoal, resolvi o problema porém não gostei da solução me parece uma gambiarra. Preciso perceber melhor como é o acesso do ID’s dentro de uma form com vários componentes.
A solução foi atribuir um ID no componente painel group que contém o componentes que pretendo renderizar e na tag ajax concretamente no atrubuto update passei o id na painel mencionada acima, também limitei os itens do form. Se sabe a lógica de aceder os ID’s partilha por favor.

Um forte abraço amigos