[RESOLVIDO] Position Fixed SVG

Front-end
#1

Olá pessoal,

Estou mexendo em um sistema feito em React e SVG, ai estou precisando deixar um component fixo no canto direito ao rolar a página, porém não estou conseguindo, alguém conhece alguma maneira?

Ja tentei adicionar o código abaixo nas tags: svg, g, circle e text, mas não funcionou

<svg style={{position: 'fixed', top: 0, right: 0}}>

</svg>

Comportamento Atual: Componente sobe quando eu rolo a página para baixo

Comportamento Esperado: Não alterar a posição do componente ao rolar a página

#2

Resolvi assim:

<div class="principal">
    <svg ...>
           Conteudo Principal
    </svg>

    <ComponenteFixo id="meuId"/>
    
</div>

ComponenteFixo.js

Método render do React


<g id={this.state.id}>          
    <div>
        <div style={{position: 'fixed', top: '90px', right: '60px'}}>
             <svg height="68" width="68">
                 Componente fixo
             </svg>
        </div>
   </div>
</g>