Direflow Component is not rendering in safari

[ramankharche]

Describe the bug
We have created a super nav bar project on top of direflow. It has top nav bar and sidebar.
Now the component we are exporting is and using this component in several other applications (a1, a2, ...)
Here renders successfully in chrome, Edge but in safari sometimes it loads perfectly but sometimes it doesn't

component-exports.ts

import AbcSidebar from './direflow-components/abc-supernavbar/AbcSidebar';

export { 
  AbcSidebar
};

Application a1,a2,... sends 1 object to AbcSidebar to render the data in sidebar/topnav bar.
In Application a1,a2,... there is a condition written until unless the object is not successfully fetched from the backend don't call AbcSidebar

{userInfo && Object.keys(userInfo as any).length > 0 ? (
        <AbcSidebar
          ref={supernavbarRef}
          displayMode="minimal_sidebar"
          applicationTitle="Data Management"
          appContext="management"
        />
      ) : null}

Expected behavior
Should render component everytime

Package Manager:
To install Direflow, I used... (npm / yarn / something else)

Screenshots
If applicable, add screenshots to help explain your problem.

Additional context
Add any other context about the problem here.

[gordoneliel]

I have a similar bug, component loads fine sometimes and styles are missing other times only on Safari on mobile and desktop