I finished working on an app project and I built the final project. The problem is that the classes and hooks get placed but didn't render in the final version for some reasons... Here you can find the live version https://www.htfgamestudio100.com/ Inspecting it you will find the content div that has the main logic of the app. All the classes and hook functions didn't get render at all but the logic get placed correctly.

CodePudding user response：

Style is missing width, height & background-size (cover/contains etc), as your image is in the background the button cant size around it, so you would need to specify the dimensions to 'contain' it correctly.

<button alt="Lost Ark WIP" title="WIP" value="" id="MonsterId1" style="background-image:url(https://i.stack.imgur.com/XePN4.jpg);height:10px; width:30px;background-size: cover;"></button>

see pen

CodePudding user response：

I found the problem... For some reasons my div's opacity is dropped to 1% so they become invisible. I fixed the problem by finding where I use opacity and changed it from 90% to 0.9. Seems that react can't understand the opacity expressed in % for some reasons.