get "ReferenceError: playwright is not defined" when using playwright.config.js - playwright

Question

My very first day trying Playwright and I am having trouble using config. My steps:
init project and install
npm init
npm i -D #playwright/test --save
npx playwright install
create tests/foo.spec.js
const { test, expect } = require('#playwright/test');
test('basic test', async ({ page }) => {
await page.goto('https://playwright.dev/');
const title = page.locator('.navbar__inner .navbar__title');
await expect(title).toHaveText('Playwright');
});
run it
$ npx playwright test
✓ tests/foo.spec.js:3:1 › basic test (3s)
Create playwright.config.js
// #ts-check
const { devices } = require('#playwright/test');
/** #type {import('#playwright/test').PlaywrightTestConfig} */
const config = {
use: {
headless: false,
viewport: { width: 1280, height: 720 },
ignoreHTTPSErrors: true,
video: 'on-first-retry',
},
};
module.exports = config;
run again and get error
$ npx playwright test
Using config at /Users/me/git/left/playwright/playwright.config.js
ReferenceError: playwright is not defined
at Object.<anonymous> (/Users/me/git/left/playwright/playwright.config.js:1:1)
at Module._compile (node:internal/modules/cjs/loader:1095:14)
...
(/Users/me/git/left/playwright/node_modules/#playwright/test/lib/test/cli.js:80:7)
Thank you for helping. My env.
playwright#1.0.0 /Users/me/git/left/playwright
└── #playwright/test#1.15.0
$ npm -v
7.18.1
$ node -v
v16.4.2