Insert `·`

Replace `"modal-div"` with `'modal-div'`

Replace `<Modal·isOpen·disableFocusTrap>No·close·button·</Modal>` with `⏎······<Modal·isOpen·disableFocusTrap>⏎········No·close·button{'·'}⏎······</Modal>⏎····`

Replace `⏎····<ModalHeader>⏎······{header}⏎····</ModalHeader>⏎··` with `<ModalHeader>{header}</ModalHeader>`

Insert `⏎`

Replace `⏎····<ModalBoxTitle·title="Test·Modal·Box·warning"·id="boxId"·titleIconVariant="warning"/>⏎··` with `<ModalBoxTitle·title="Test·Modal·Box·warning"·id="boxId"·titleIconVariant="warning"·/>`

Replace `⏎····<ModalBoxTitle·title="Test·Modal·Box·info"·id="boxId"·titleIconVariant="info"·/>⏎··` with `<ModalBoxTitle·title="Test·Modal·Box·info"·id="boxId"·titleIconVariant="info"·/>`

Replace `⏎····<ModalBoxTitle·title="Test·Modal·Box·danger"·id="boxId"·titleIconVariant="danger"·/>⏎··` with `<ModalBoxTitle·title="Test·Modal·Box·danger"·id="boxId"·titleIconVariant="danger"·/>`

Replace `⏎····<ModalBoxTitle·title="Test·Modal·Box·warning"·id="boxId"·titleIconVariant="custom"·/>⏎··` with `<ModalBoxTitle·title="Test·Modal·Box·warning"·id="boxId"·titleIconVariant="custom"·/>`

Replace `⏎····<ModalBoxTitle·title="Test·Modal·Box·success"·id="boxId"·titleIconVariant="success"/>⏎··` with `<ModalBoxTitle·title="Test·Modal·Box·success"·id="boxId"·titleIconVariant="success"·/>`

The following actions uses node12 which is deprecated and will be forced to run on node16: actions/checkout@v2, actions/setup-node@v1, actions/cache@v2. For more info: https://github.blog/changelog/2023-06-13-github-actions-all-actions-will-run-on-node16-instead-of-node12-by-default/

The 'toggleVisible' function makes the dependencies of useEffect Hook (at line 74) change on every render. Move it inside the useEffect callback. Alternatively, wrap the definition of 'toggleVisible' in its own useCallback() Hook

React Hook useEffect has a missing dependency: 'focusedDate'. Either include it or remove the dependency array

React Hook useEffect has a missing dependency: 'shouldFocus'. Either include it or remove the dependency array

React Hook React.useMemo has a missing dependency: 'placeholder.length'. Either include it or remove the dependency array

React Hook React.useEffect has a missing dependency: 'dateParse'. Either include it or remove the dependency array. If 'dateParse' changes too often, find the parent component that defines it and wrap that definition in useCallback

React Hook React.useEffect has missing dependencies: 'dateIsRequired', 'dateParse', 'emptyDateText', 'errorText', 'pristine', 'setError', and 'textInputFocused'. Either include them or remove the dependency array. If 'dateParse' changes too often, find the parent component that defines it and wrap that definition in useCallback

React Hook useImperativeHandle has an unnecessary dependency: 'selectOpen'. Either exclude it or remove the dependency array

Assignments to the 'setInitialVals' variable from inside React Hook React.useCallback will be lost after each render. To preserve the value over time, store it in a useRef Hook and keep the mutable value in the '.current' property. Otherwise, you can move this variable directly inside React.useCallback

React Hook React.useCallback has missing dependencies: 'handleControlMove' and 'position'. Either include them or remove the dependency array