Design issue after refresh

[bginside.dev]

How to fix this issue? It happens whenever i refresh the page on the other components.

https://ibb.co/tBc0WBD

[bginside.dev]

Another issue after I extract and run the new version..

https://ibb.co/vv2wTPv

[habubey]

Hey there,

Let's start with the first issue, it seems that the themes were not coming fast. Are you sure you combined the CSS correctly? I suggest you do a few steps first.
1- Delete your Node Modules and npm install and npm start again because we updated our templates a few weeks ago.
2- You may check manually your designer ( You have to copy your Designer UI folder from src/assets/designer and paste it to Ultima, theme resources folder inside the public/assets/sass/theme folder. Now you can start to watch your SASS command. Example: sass --watch public/assets:public/assets --no-source-map)

If you think these answers are not helping your issue please send us a reproducer (via codesandbox etc. ) we will gladly assist you.

For your second issue:
It is hard to see what the problem is while looking at only your error page. I am asking this to be sure. Did you import AccordionTab correctly such as import { Accordion, AccordionTab } from '../../components/lib/accordion/Accordion'; . Otherwise, I'd like to ask your reproducer to see what the problem is with your code.

Best

[bginside.dev]

Hi Habubey,

I was able to reproduce my first issue. The main reason for the design issue is when I use BrowserRouter rather than HashRouter.

For my second concern:
I didn't change any of the code from the extracted files from v.8.0.0.
I checked the PanelDemo.tsx and Help.tsx, accordiontab declared normally like this import { Accordion, AccordionTab } from '../../components/lib/accordion/Accordion';.

[habubey]

Hey,
Please use the tabIndex property on the AccordionTab component. We will soon be releasing a version scoping this and I hope it will fix your issue then.
Best