Maximum update depth exceeded

[octopus-travels]

When you press confirm button on the new-event dialog box without entering any data, it gives the following error;

Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.

Not sure if the onChange dependency is required for useCallback hooks on the following files;

/src/lib/components/inputs/Input.tsx
/src/lib/components/inputs/DatePicker.tsx