JSFiddle - React, Tailwind, and code Playground

JavaScript

const commonObj = {
  objectKey: {
    package_id: 1
  },
  objectKey2: {
    package_id: 3
  }
};

const objectData = [
{key: "objectKey", testing: true, name: "name1"}, 
{key: "objectKey2", testing: false, name: "name2"},
{key: "objectKey4", testing: false, name: "name4"}, 
{key: "objectKey5", testing: false, name: "name5"}
];

const packageData = [
{title: "packageKey", id: 1, areas: []}, 
{title: "packageKey2", id: 2, areas: []}, 
{title: "packageKey3", id: 3, areas: []}, 
{title: "packageKey4", id: 4, areas: []}
];


const filterObjectData = (commonObj) => {
 const objKeys = Object.keys(commonObj);
 const filteringData =  objectData.filter(element => objKeys.includes(element.key));
 console.log(filteringData);
}

const filteringPackage = (commonObj) => {
  const packagesId = Object.values(commonObj).map(el => el.package_id);
  const filteringPackages =  packageData.filter(el => packagesId.includes(el.id));
  console.log(filteringPackages);
}

filterObjectData(commonObj); // массив совпадающих данных
filteringPackage(commonObj) // массив совпадающих пакетов


/* теперь мне надо создать общий массив объектов с данными */

[
  {
  objDataName: "name1", 
  packageName: "packageKey"
  },
  {
  objDataName: "objectKey2", 
  packageName: "packageKey3"}
]