[Solved]-How to fetch and get data from one .json data to another .json data using the same linked id?-Reactjs

Instead of using Filter you can use the find method .

.map((val, key) => {
  // Find the user 
  const user = subscribe.find(uid => uid.id === Number(val.user_id)); 

  return  <tr key={key}>
      <td data-label="ID">{val.id}</td>
      <td data-label="User ID">{val.user_id}</td>
      <td data-label="Username">{ user?.username || '-' }</td>
      <td data-label="Package">{val.package}</td>
      <td data-label="Expire on">{val.expires_on}</td>
      
    </tr>  
})}