Cannot read properties of undefined (reading 'map')

I am getting below error while running, please help

Cannot read properties of undefined (reading 'map')

MyNavbar.js

import React from "react";

import navItems from "./NavItems";

import {

    Link

} from "react-router-dom";

function MyNavbar() {

    return ({

        navItems.map((item) => {

            return ({

                item.title

            });

        })

    });

}

export default Navbar;


NavItems.js

export const navItems = [{

    id: 1,

    title: "Home",

    path: "./",

    cName: "nav-item"

}, {

    id: 2,

    title: "Services",

    path: "./services",

    cName: "nav-item"

}, {

    id: 3,

    title: "Products",

    path: "./products",

    cName: "nav-item"

}, {

    id: 4,

    title: "Contact Us",

    path: "./contactus",

    cName: "nav-item"

}];