In HTML, <div> cannot be a descendant of <p>. This will cause a hydration error. [SOLVED]

adrianhajdin / healthcare

Build a healthcare platform that streamlines patient registration, appointment scheduling, and medical records, and learn to implement complex forms and SMS notifications.

https://jsmastery.pro

1.81k stars 432 forks source link

In HTML, <div> cannot be a descendant of <p>. This will cause a hydration error. [SOLVED] #36

Closed simseb closed 1 month ago

simseb commented 1 month ago

In collumns.tsx make sure you return divs instead of paragraphs:

export const columns = [
  {
    header: 'ID',
    cell: ({ row }) => {
      return <div className="text-14-medium">{row.index + 1}</div>
    },
  },