"Payload has transformed the way our clients manage content. It's an indispensable tool for any modern agency."
Get the resources you need to start building today
Microsoft chose Payload to tell the world about AI.
Client Side Rendering on Admin Components
Hello everyone, I need customize the default dashboard for my project. So I am using apexcharts as my chart library. I made a separate react component for Dashboard and imported in config under admin.components.view.Dashboard. The issue I am facing is, apexcharts is not compiling because window object is undefined. So, How do I achieve client side rendering for my custom components? Thank You for your time.
so this is super strange
apexcharts must be trying to do something immediately when it is loaded
most react libraries won't do anything with the window until they are rendered, and in the browser... but here, it seems like by just importing the library, it's attempting to do something with the window
so i'd structure your custom Dashboard component in a way that does not import apexcharts until it actually gets rendered
you could do this with React Suspense or similar
Thanks. I will try. ❤️🔥
Hey
@550512181146550280How did you end up fixing the issue
Star
Discord
online
Get dedicated engineering support directly from the Payload team.