reactjs-popup | React Popup Component - Modals,Tooltips and Menus —  All in one | Frontend Framework library

you can create the onMetaChange property then use useEffect hook to pass the meta to the login form whenever meta is changed

like below

If I'm reading this right, it seems whenever meta.error matches your string, it'll constantly call setShowPopup(true) because the state updated - and calling that function causes the re-render, during which I assume meta.error is still 'codigo 2 fatores incorreto'.

I believe you could do something like the following to stop the re-rendering.

I didn't get where the Popup component is defined, but the idea it should be like this:

You should try to modify the React import :

It's working just right

with qill css too

I would make use of the useState hook in React to track if the model is open or closed. You can set the state when you click on your submit button, or when you close the modal by yourself. It should be pretty flexible and should work for your situation.

Quick example to show the idea:

I ran npm doctor to see what is wrong and realized that I couldn't remove my registry so doctor said I should have set the registry to https://registry.npmjs.org/, though I had .npmrc file and it replenished. After deleting that installation continued although package that came from our company couldn't, that is an another issue to solve

Add display: flex; to the css class of .modal > content. Furthermore, to align the items in the center, you need to set flex-direction: column; and align-items: center in the same css class.

I also recommend you read up on the concept of flex alignment in this MDN article.

You need to set border-style: solid; the default is none. (maybe border-width too)