Lighthouse Reports Showing Mobile Layout Despite Desktop Configuration File

Lighthouse by defaults to the mobile layout. I am passing the lighthouseDesktopConfig file, located at lighthouse/core/config/lr-desktop-config from the node_modules to configure the tests for the desktop layout. However, the reports are still reflecting the mobile layout. Even with the desktop configuration being passed and there is also an error saying test timeout of 30000ms exceeded when i try running the test cases.
The version’s installed are

"playwright-lighthouse": "^3.2.6",
 "lighthouse": "^10.4.0"

enter image description here.

import {test } from '@playwright/test';
import{
    SLOW_3G_CONFIG
} from './constants.js'
import { checkWebVitals } from './webVitalsUtils.js';
import lighthouseDesktopConfig from 'lighthouse/core/config/lr-desktop-config.js';
import lighthouseMobileConfig from  'lighthouse/core/config/lr-mobile-config.js';

test('Performance metrics for Slow 3g network',async({playwright,browserName})=>{
    test.skip(browserName !== 'chromium','Running only on chrome');
    const browser=await playwright.chromium.launch({
        args:['--remote-debugging-port=9223'],
    });
    

    const page = await browser.newPage();

    await page.goto(HOME_PAGE_URL,{waitUntil:'networkidle'});

    await checkWebVitals({
        lighthouseConfig:lighthouseDesktopConfig,
        lightHouseNetworkOpts:SLOW_3G_CONFIG,
        portNumber:9223,
        page:page,
        reportName: 'lh-report-slow-3g-desktop',
    });
});