Portal component now supports reuseTargetNode prop which allows to reuse the same target node for all instances. This option is more performant than the previous behavior, it is recommended to be enabled. This option will be enabled by default in the 8.0 major release.
To enable reuseTargetNode option in all components that depend on Portal, add the following code to your theme :
Example usage. In the following example, all three paragraphs will be rendered in the same target node:
formRootRule is a special rule path that can be used to validate objects and arrays alongside with their nested fields. For example, it is useful when you want to capture a list of values, validate each value individually and then validate the list itself to not be empty:
Another example is to validate an object fields combination:
New isJSONString and isNotEmptyHTML form validators :
Popover now supports onDismiss prop, which makes it easier to subscribe to outside clicks and escape key presses to close popover:
MantineProvider component now supports env prop. It can be used in test environment to disable some features that might impact tests and/or make it harder to test components:
To enable test environment, set env to test :
New use-file-dialog allows capturing one or more files from the user without file input element:
Remix is deprecated, the documentation related to Remix integration was removed, use React Router instead. To simplify maintenance, Remix/React Router templates were archived and will not be updated.