icflorescu / icflorescu/mantine-datatable
Bug: TypeError when using `resizable` + `filter` in columns
Open
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 1.3k
- Forks
- 102
- PR merge metrics
- No merged PRs in 30d
Description
Despite the error, resizing visually works, but the error is annoying and pollutes the console.
Additional Notes:
- I have memoized the
columnsarray usinguseMemo. - I'm not recreating the columns on every render.
- This issue only happens when
filteris present on a resizable column. - Your docs/demo don’t demonstrate this combination.
- In non-SSR environments (pure CRA/Vite), error doesn’t occur. In Next.js (SSR + hydration), the error is reproducible.
Expected:
No error should appear during column resizing — even if a filter is provided.
Temporary workaround:
Remove either:
filterorresizable
from the problematic column — which is not ideal.
Please:
- Fix the underlying DOM timing / ref handling issue.
- Or provide a safer fallback in
setColumnWidth()to preventundefined.map()from crashing.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by locating setColumnWidth and trace how resizable columns with filters obtain their DOM refs during Next.js SSR and hydration. Reproduce the filter-plus-resizable case, then verify resizing still works without an undefined.map() exception or console error.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- next.js, react, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100