[scheduler] Remove unnecessary useMemo usages

Author: mnajdova

packages/x-scheduler-headless/src/calendar-grid/current-time-indicator/CalendarGridCurrentTimeIndicator.tsx

@@ -55,7 +55,7 @@ export const CalendarGridCurrentTimeIndicator = React.forwardRef(
       [position],
     );
 
-    const props = React.useMemo(() => ({ style }), [style]);
+    const props = { style };
 
     const isOutOfRange =
       adapter.isBefore(nowForColumn, columnStart) || adapter.isAfter(nowForColumn, columnEnd);

packages/x-scheduler-headless/src/calendar-grid/day-cell/CalendarGridDayCell.tsx

@@ -24,7 +24,7 @@ export const CalendarGridDayCell = React.forwardRef(function CalendarGridDayCell
   const { ref: listItemRef, index } = useCompositeListItem();
   const dropTargetRef = useDayCellDropTarget({ value, addPropertiesToDroppedEvent });
 
-  const props = React.useMemo(() => ({ role: 'gridcell' }), []);
+  const props = { role: 'gridcell' };
 
   const contextValue: CalendarGridDayCellContext = React.useMemo(
     () => ({

packages/x-scheduler-headless/src/calendar-grid/day-event-placeholder/CalendarGridDayEventPlaceholder.tsx

@@ -4,8 +4,6 @@ import { useRenderElement } from '../../base-ui-copy/utils/useRenderElement';
 import { BaseUIComponentProps } from '../../base-ui-copy/utils/types';
 import { useEvent } from '../../utils/useEvent';
 
-const EVENT_PLACEHOLDER_PROPS = { style: { pointerEvents: 'none' as const } };
-
 export const CalendarGridDayEventPlaceholder = React.forwardRef(
   function CalendarGridDayEventPlaceholder(
     componentProps: CalendarGridDayEventPlaceholder.Props,
@@ -27,7 +25,7 @@ export const CalendarGridDayEventPlaceholder = React.forwardRef(
     return useRenderElement('div', componentProps, {
       state,
       ref: [forwardedRef],
-      props: [elementProps, EVENT_PLACEHOLDER_PROPS],
+      props: [elementProps, { style: { pointerEvents: 'none' as const } }],
     });
   },
 );

packages/x-scheduler-headless/src/calendar-grid/day-event/CalendarGridDayEvent.tsx

@@ -17,8 +17,6 @@ import { useEventCalendarStoreContext } from '../../use-event-calendar-store-con
 import { useCalendarGridDayCellContext } from '../day-cell/CalendarGridDayCellContext';
 import { useCalendarGridRootContext } from '../root/CalendarGridRootContext';
 
-const EVENT_STYLE_WHILE_DRAGGING = { pointerEvents: 'none' as const };
-
 export const CalendarGridDayEvent = React.forwardRef(function CalendarGridDayEvent(
   componentProps: CalendarGridDayEvent.Props,
   forwardedRef: React.ForwardedRef<HTMLDivElement>,
@@ -127,14 +125,11 @@ export const CalendarGridDayEvent = React.forwardRef(function CalendarGridDayEve
 
   const columnHeaderId = getCalendarGridHeaderCellId(rootId, cellIndex);
 
-  const props = React.useMemo(
-    () => ({
-      id,
-      'aria-labelledby': `${columnHeaderId} ${id}`,
-      style: hasPlaceholder ? EVENT_STYLE_WHILE_DRAGGING : undefined,
-    }),
-    [hasPlaceholder, columnHeaderId, id],
-  );
+  const props = {
+    id,
+    'aria-labelledby': `${columnHeaderId} ${id}`,
+    style: hasPlaceholder ? { pointerEvents: 'none' as const } : undefined,
+  };
 
   const contextValue: CalendarGridDayEventContext = React.useMemo(
     () => ({ ...draggableEventContextValue, getSharedDragData }),

packages/x-scheduler-headless/src/calendar-grid/day-row/CalendarGridDayRow.tsx

@@ -21,7 +21,7 @@ export const CalendarGridDayRow = React.forwardRef(function CalendarGridDayRow(
     ...elementProps
   } = componentProps;
 
-  const props = React.useMemo(() => ({ role: 'row' }), []);
+  const props = { role: 'row' };
   const cellsRefs = React.useRef<(HTMLDivElement | null)[]>([]);
 
   const contextValue: CalendarGridDayRowContext = React.useMemo(

packages/x-scheduler-headless/src/calendar-grid/header-cell/CalendarGridHeaderCell.tsx

@@ -40,14 +40,11 @@ export const CalendarGridHeaderCell = React.forwardRef(function CalendarGridHead
   const { ref: listItemRef, index } = useCompositeListItem();
   const id = getCalendarGridHeaderCellId(rootId, index);
 
-  const props = React.useMemo(
-    () => ({
-      role: 'columnheader',
-      id,
-      'aria-label': `${adapter.formatByString(date.value, ariaLabelFormat)}`,
-    }),
-    [adapter, date, id, ariaLabelFormat],
-  );
+  const props = {
+    role: 'columnheader',
+    id,
+    'aria-label': `${adapter.formatByString(date.value, ariaLabelFormat)}`,
+  };
 
   const state: CalendarGridHeaderCell.State = React.useMemo(
     () => ({

packages/x-scheduler-headless/src/calendar-grid/header-row/CalendarGridHeaderRow.tsx

@@ -16,7 +16,7 @@ export const CalendarGridHeaderRow = React.forwardRef(function CalendarGridHeade
     ...elementProps
   } = componentProps;
 
-  const props = React.useMemo(() => ({ role: 'row' }), []);
+  const props = { role: 'row' };
   const cellsRefs = React.useRef<(HTMLDivElement | null)[]>([]);
 
   const element = useRenderElement('div', componentProps, {

packages/x-scheduler-headless/src/calendar-grid/root/CalendarGridRoot.tsx

@@ -20,7 +20,7 @@ export const CalendarGridRoot = React.forwardRef(function CalendarGridRoot(
 
   const id = useId(idProp);
 
-  const props = React.useMemo(() => ({ role: 'grid', id }), [id]);
+  const props = { role: 'grid', id };
 
   const contextValue: CalendarGridRootContext = React.useMemo(() => ({ id }), [id]);
 

packages/x-scheduler-headless/src/calendar-grid/time-column/CalendarGridTimeColumn.tsx

@@ -42,7 +42,7 @@ export const CalendarGridTimeColumn = React.forwardRef(function CalendarGridTime
     [isCurrentDay],
   );
 
-  const props = React.useMemo(() => ({ role: 'gridcell' }), []);
+  const props = { role: 'gridcell' };
 
   const contextValue: CalendarGridTimeColumnContext = React.useMemo(
     () => ({

packages/x-scheduler-headless/src/calendar-grid/time-event-placeholder/CalendarGridTimeEventPlaceholder.tsx

@@ -41,7 +41,7 @@ export const CalendarGridTimeEventPlaceholder = React.forwardRef(
       [position, duration],
     );
 
-    const props = React.useMemo(() => ({ style }), [style]);
+    const props = { style };
 
     const { state } = useEvent({ start, end });