jest testing: waitForNextUdpate times out on checkPermissions about react-native-permissions HOT 8 CLOSED

  it('should check notifications permission on mount', async () => {
    const { result, waitForNextUpdate } = renderHook(() => useNotificationsScreen());

    await act(async () => {
      await waitForNextUpdate();
    });

    expect(checkNotifications).toHaveBeenCalled();
    expect(result.current.notificationsEnabled).toBe(true);
  });

jest.mock('react-native-permissions', () => ({
  checkNotifications: jest.fn(), // ⚠️ sync function, returns void (undefined)
}));

jest.mock('react-native-permissions', () => ({
  checkNotifications: jest.fn(async () => ({ status: "granted" })),
}));

export const useNotificationsScreen = () => {
  const { navigate } = useNavigation<NavigationScreenProp<any, any>>();
  const [notificationsEnabled, setNotificationsEnabled] = useState(false);

  useEffect(() => {
    (async () => {
      const { status } = await checkNotifications(); // will return undefined, and crash as it cannot be destructured
      setNotificationsEnabled(status === 'granted'); // never fired
    })();
  }, []);
...
}

jest.mock('react-native-permissions', () => require('react-native-permissions/mock'));

jest.mock('react-native-permissions', () => ({
  checkNotifications: jest.fn(async () => ({ status: 'granted' })),
}));

describe('useNotificationsScreen', () => {
  afterEach(() => {
    jest.clearAllMocks();
  });
  it('should check notifications permission on mount', async () => {
    jest.mocked(checkNotifications).mockResolvedValue({
      status: 'granted',
      settings: {},
    } as NotificationsResponse); // <- I also tried removing this whole line and still timed out.

    const { result, waitForNextUpdate } = renderHook(() => useNotificationsScreen());

    await waitForNextUpdate().then(() => {
      console.log('waitForNextUpdate');
    });

    expect(checkNotifications).toHaveBeenCalled();
    expect(result.current.notificationsEnabled).toBe(true);
  });