DataTable error when filters become available dynamically

[VsevolodGolovanov]

I'm submitting a ... (check one with "x")

[x] bug report
[ ] feature request
[ ] support request => Please do not submit support request here, instead see https://forum.primefaces.org/viewforum.php?f=57

Codesandbox Case (Bug Reports)
https://codesandbox.io/s/datatable-with-nicefilter-dynamic-10zxy

Current behavior
Have a table where filters are available dynamically: they can become visible or hidden during the DataTable's lifetime.
When filters should become visible an error is thrown instead: TypeError model is undefined (Firefox) or TypeError Cannot read properties of undefined (reading 'value') (Chrome).

Expected behavior
Filters should render successfully.

Minimal reproduction of the problem with instructions
Open the linked codesandbox. Wait 2 sec for the effect simulating data loading to trigger. This effect sets filter visibility to true, resulting in the error.

Please tell us about your environment:

• React version:

• PrimeReact version:
  7.0.1

• Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]
  Firefox, Chrome.

• Language: [all | TypeScript X.X | ES6/7 | ES5]

[VsevolodGolovanov]

This worked in 6.5.0.

[VsevolodGolovanov]

I left NiceTableFilter there in case anything else comes up. It's just a MultiSelect filter that allows picking from the values in the corresponding column data.