diff --git a/frontend/package-lock.json b/frontend/package-lock.json index 60bbcc89ae..c75811d99c 100644 --- a/frontend/package-lock.json +++ b/frontend/package-lock.json @@ -11,7 +11,7 @@ "dependencies": { "@dnd-kit/core": "^4.0.3", "@dnd-kit/modifiers": "^4.0.0", - "@mtes-mct/monitor-ui": "2.8.0", + "@mtes-mct/monitor-ui": "2.8.1", "@reduxjs/toolkit": "1.8.2", "@sentry/react": "6.19.7", "@sentry/tracing": "6.19.7", @@ -4687,9 +4687,9 @@ "dev": true }, "node_modules/@mtes-mct/monitor-ui": { - "version": "2.8.0", - "resolved": "https://registry.npmjs.org/@mtes-mct/monitor-ui/-/monitor-ui-2.8.0.tgz", - "integrity": "sha512-hcX5arPV04RdcOeT192iRrnEOy6sp1b9vqG6C55pBWsW2c5Sxo5J/XzMgPZaE9I+knGWWNwpavaswX4HhllDsA==", + "version": "2.8.1", + "resolved": "https://registry.npmjs.org/@mtes-mct/monitor-ui/-/monitor-ui-2.8.1.tgz", + "integrity": "sha512-PN18x91pAAJ4rmwyZau3M6/QsBrNQtqKYzbGXOzYvMmK4kvX3f9p6ouVrUZUuEbn6ZgSzBQ2OVPCdT5hTCPFyQ==", "dependencies": { "@babel/runtime": "7.20.6", "prop-types": "15.8.1", @@ -43515,9 +43515,9 @@ } }, "@mtes-mct/monitor-ui": { - "version": "2.8.0", - "resolved": "https://registry.npmjs.org/@mtes-mct/monitor-ui/-/monitor-ui-2.8.0.tgz", - "integrity": "sha512-hcX5arPV04RdcOeT192iRrnEOy6sp1b9vqG6C55pBWsW2c5Sxo5J/XzMgPZaE9I+knGWWNwpavaswX4HhllDsA==", + "version": "2.8.1", + "resolved": "https://registry.npmjs.org/@mtes-mct/monitor-ui/-/monitor-ui-2.8.1.tgz", + "integrity": "sha512-PN18x91pAAJ4rmwyZau3M6/QsBrNQtqKYzbGXOzYvMmK4kvX3f9p6ouVrUZUuEbn6ZgSzBQ2OVPCdT5hTCPFyQ==", "requires": { "@babel/runtime": "7.20.6", "prop-types": "15.8.1", diff --git a/frontend/package.json b/frontend/package.json index ac9f168be2..04333d4242 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -30,7 +30,7 @@ "dependencies": { "@dnd-kit/core": "^4.0.3", "@dnd-kit/modifiers": "^4.0.0", - "@mtes-mct/monitor-ui": "2.8.0", + "@mtes-mct/monitor-ui": "2.8.1", "@reduxjs/toolkit": "1.8.2", "@sentry/react": "6.19.7", "@sentry/tracing": "6.19.7", diff --git a/frontend/src/uiMonitor/CustomFormikFields/FormikDatePicker.tsx b/frontend/src/uiMonitor/CustomFormikFields/FormikDatePicker.tsx index 1857e004e3..8d47b07c99 100644 --- a/frontend/src/uiMonitor/CustomFormikFields/FormikDatePicker.tsx +++ b/frontend/src/uiMonitor/CustomFormikFields/FormikDatePicker.tsx @@ -1,7 +1,7 @@ /* eslint-disable react/jsx-props-no-spreading */ import { DatePicker } from '@mtes-mct/monitor-ui' import { useField } from 'formik' -import { MutableRefObject, useRef } from 'react' +import { MutableRefObject, useEffect, useReducer, useRef } from 'react' // import { parseISO } from 'rsuite/esm/utils/dateUtils' import styled from 'styled-components' @@ -21,9 +21,16 @@ export function FormikDatePicker({ isCompact, isLight, label, name, withTime }: const { setValue } = helpers const datepickerRef = useRef() as MutableRefObject + const [keyForceUpdate, forceUpdate] = useReducer(x => x + 1, 0) + + useEffect(() => { + forceUpdate() + }, [name, forceUpdate]) + return (