Connecting two tables with Node.Js Express - node.js

Question

I've looked around on the web for solutions but there doesn't seem to be an answer relevant to mine. So I would like some help on this, please. Here I have two tables I need to connect and list on the React file. game table and users table, at the moment I am only able to display game table.
Server/index.js
const express = require("express");
const app = express();
const cors = require("cors");
const pool = require("./db");
//middleware
app.use(cors());
app.use(express.json()); //req.body
app.get("/af", async (req, res) => {
try {
const allTodos = await pool.query("SELECT game.*, users.* FROM users INNER JOIN game ON users.game_code = game.game_code; ");
res.json(allTodos.rows);
} catch (err) {
console.error(err.message);
}
});
Client/List.js
const List = () => {
const [af, setAF] = useState([]);
const getTodos = async() => {
try{
const response = await fetch("http://localhost:5000/af");
const jsonData = await response.json();
setAF(jsonData);
}catch(err){
console.error(err.message);
}
}
useEffect(() => {
getTodos();
}, []);
return(
<Fragment>
{" "}
<table className="table mt-5 text-center">
<thead>
<tr>
<th>game_code</th>
<th>user_code</th>
</tr>
</thead>
<tbody>
{af.map(game => (
<tr key = {game.game}>
<td>{game.game_code}</td>
<td>{game.game_location}</td>
))}
</tbody>
</table>
</Fragment>
export default List;