navigator is not defined when using with NextJs about active-table HOT 5 CLOSED

Hi @sarah-vo19.

May I ask how are you importing the Active Table component?

In NextJs, you need to import the Active Table React package using the dynamic import function to lazy load it in the UI. Here is example code:

const ActiveTable = dynamic(
  () => import("active-table-react").then((mod) => mod.ActiveTable),
  {
    ssr: false,
  },
);

Here is a live example.

Let me know if this helps. Thanks!

from active-table.

Thank you so much I definitely imported it wrong. The error is gone now. If possible can I ask you too this too?

So in my case, I need to load data from the database and put them in the table, what I understood from the documentation is that I have to use ref to do that, is there anyway I can achieve it using react state? Thank you

from active-table.

Could you elaborate a little on what you mean by using React state?

The code example you have shown looks good!

May I also ask if you could possibly create a new issue and we can further discuss this matter there to help future readers navigate to issues that are relevant to them.

Thankyou!

from active-table.

Thank you for your response, I've just realized you're using ref so that the table can be used in as many framework as possible.

from active-table.

Hey @sarah-vo19. You are correct, I used tableElementRef in my examples in order to provide the most vanilla way of applying property values to the component as it is pretty much the same across all the frameworks. However directly inlining properties and obtaining a reference for the component vary across different frameworks, that's why developers are recommended to checkout the Example Frameworks section to get some insight for their framework of choice :)

If the original question has been answered I will close this issue. Feel free to raise a new issue for anything else.

from active-table.