옵셔널 체이닝 문법에서 에러가 나요

일단 에러나는 소스코드인 routers/page.js 입니다

const express = require('express');

const router = express.Router();

const { renderJoin, renderMain, renderProfile, renderHashtag } = require('../controllers/page');

const { isLoggedIn, isNotLoggedIn } = require('../middlewares');

//아래 라우터들에서 공통적으로 사용가능한 변수를 선언

router.use((req, res, next) => {

// layout.html에 있

res.locals.user = req.user;

//아래처럼 ?. 은 옵셔널 체이닝 문법

res.locals.followerCount = req.user?.Follower.length;

res.locals.followingCount = req.user?.Followings.length;

res.locals.followingList = req.user?.Followings.map(f => f.id);

// req.session.data = '123'; 사용자의 딸려있는 데이터를 확인 가능

next(); // 집어넣어야 미들웨어 동작한다

});

// isLoggedIn은 middlewares안에 있는 index안에 있는 함수이다

// isLoggedIn은 로그인된 상태인지 확인

//즉 profile을 확인하기 위해서 로그인이 되어있어야하기때문에 로그인여부 확인

router.get('/profile', isLoggedIn, renderProfile);

// 로그인이 안되어있는지 확인하는것.

// 로그인이 안되어있으면 회원가입 페이지로

router.get('/join', isNotLoggedIn, renderJoin);

router.get('/', renderMain);

router.get('/hashtag',renderHashtag); // hashtag?hashtag=고양이

module.exports = router;

혹시몰라 제가 작업중인 github 주소도 올리겠습니다
https://github.com/donghyoya/nodesJsSNS/blob/main/routes/page.js

vscode 버전은 어떻게 되나요? 1.41+ 이상이어야 합니다.

그리고 에러메시지에서 ^ 가 있는 위치가 ?. 부분이 맞나요?