components are skiping the parent priority when running on build mode to find their width

that's basically it, the issue is described there, more information about it:

in the following structure, where the input has a width of 85% it is taking the width of the nth parent instead of the direct one.

given this structure the input element is given the relative width according to the width of the div with class login-content container ->

<div class="width:100vw">
     <div class='width:50%'>
           <div class= 'width:100%'>
                 <input class='width:85%'

Issue の入れ子になった幅の例から始め、React ドキュメントサイトを使って build モードでの動作を再現します。入力幅が親要素を通じてどのように解決されるかを追跡します。完了条件は、入力が n 番目の祖先要素ではなく直接の親要素の幅を使用することです。