Next.js Discord

Discord Forum

unexpected next page errors while loading

Answered
Anay-208 posted this in #help-forum
Open in Discord
Anay-208OP
When I refresh the website, first of all, there are some icons, which don't get the size specified. after its completely refreshed, everything works fine. I'll send relevant screenshots also
Answered by Anay-208
I fixed this by adding some styles which fontawesome adds and takes some time to load
View full answer

5 Replies

Anay-208OP
When I refresh the page
when page is completely loaded
incase code is needed:
        <button
          type="button"
          className={`rounded-md 
          "text-gray-300  hover:text-yellow
        py-2 text-sm font-medium font-hagrid capitalize`}
          id="user-menu-button"
          aria-expanded="false"
          aria-haspopup="true"
          onClick={() => setDropdownHidden(!dropdownHidden)}
        >
          <span className="absolute -inset-1.5"></span>
          {content}  // content is the icon
<ChevronDownIcon /> // From fontawesome
        </button>
and this is navbar, so its a client component
Anay-208OP
I fixed this by adding some styles which fontawesome adds and takes some time to load
Answer