Hi team, I'm using the `<Dashboard />` comp...
# gooddata-ui
j
Hi team, I'm using the
<Dashboard />
component from
@gooddata/sdk-ui-dashboard
version
10.10.0
with react
16.14.0
and it's extremely slow. It will load the UI in a few seconds but then it will block the browser entirely for a few minutes before allowing any interaction. After that interactions will work but they take a while. I followed the basic usage example and also added the caching, and I can't see any pending requests in the network tab or errors in the console. Additionally some of the icons/styling are not loading. I'm new to using GoodData, are there any debugging steps you could recommend or ways to improve the performance of this please?
Update: installing the various
@gooddata/sdk-ui-...
packages that we are using on the dashboard has resolved the performance issues. But I haven't yet got the styling/icons to fully work
i
Hi Jake, I am glad to hear that you were able to fix the performance issue. Could you share with us a screenshot or an error/trace Id tied to these icons that are still not working properly, please?
j
Hi Ivana, I'm not able to see an errors but I have some example screenshots of the missing icons on the dashboard, it's happens for all icons and I'm using
import '@gooddata/sdk-ui-dashboard/styles/css/main.css';
i
Thank you for the screenshots, appreciated. Please let me check internally, what might be causing such behaviour.
r
Hi Jake, I'm assuming you're running Vite? 🙂 If so, try adding
Copy code
resolve: {
        alias: {
            "~@gooddata": "/node_modules/@gooddata",
        },
    },
to your Vite config! 👀
j
Thanks Radek, we are using Webpack but the implementation was the same, however it did not work. No problem for now, this was for a proof of concept my team were trying