[WOM-5377][BpkComponentCalendar] Remove deferCallback for date format…

…ters (#3702) * remove deferCallback * remove deferCallback from Backpack Calendar --------- Co-authored-by: George Wright <[email protected]>
Skyscanner · Jan 10, 2025 · 7abcd45 · 7abcd45
1 parent b39d427
commit 7abcd45
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 129 deletions.
diff --git a/packages/bpk-component-calendar/src/BpkCalendarGrid.tsx b/packages/bpk-component-calendar/src/BpkCalendarGrid.tsx
@@ -20,7 +20,6 @@ import type { ElementType } from 'react';
 import { Component } from 'react';
 
 import { cssModules, isDeviceIos } from '../../bpk-react-utils';
-import deferCallback from '../../bpk-react-utils/src/deferCallback';
 
 import { addCalendarGridTransition } from './BpkCalendarGridTransition';
 import BpkCalendarWeek from './BpkCalendarWeek';
@@ -126,16 +125,13 @@ class BpkCalendarGrid extends Component<Props, State> {
   }
 
   componentDidMount(): void {
-    // Defer expensive date formatting until after render to improve INP.
-    deferCallback(() =>
-      this.setState({
-        calendarMonthWeeks: getCalendar(
-          this.props.month,
-          this.props.weekStartsOn,
-          this.props.formatDateFull,
-        ),
-      }),
-    );
+    this.setState({
+      calendarMonthWeeks: getCalendar(
+        this.props.month,
+        this.props.weekStartsOn,
+        this.props.formatDateFull,
+      ),
+    });
   }
 
   UNSAFE_componentWillReceiveProps(nextProps: Props) {

diff --git a/packages/bpk-react-utils/src/__mocks__/deferCallback.ts b/packages/bpk-react-utils/src/__mocks__/deferCallback.ts
diff --git a/packages/bpk-react-utils/src/deferCallback-test.ts b/packages/bpk-react-utils/src/deferCallback-test.ts
diff --git a/packages/bpk-react-utils/src/deferCallback.ts b/packages/bpk-react-utils/src/deferCallback.ts
diff --git a/scripts/jest/setup.js b/scripts/jest/setup.js
@@ -34,5 +34,3 @@ jest.doMock('react', () => {
 });
 global.TextEncoder = TextEncoder;
 registerRequireContextHook();
-
-jest.mock('../../packages/bpk-react-utils/src/deferCallback');