How to dynamically change collection in from client side ?

import clientPromise from '../../lib/mongodb2'export default async function handler (req, res) {  const collection = req.query.collection  const client = await clientPromise  const db2 = client.db('javascript_questions')  switch (req.method) {    case 'GET':      const question = await db2        .collection(collection)        .find({})        .toArray()      res.json(question )      break  }}

export async function getStaticProps (context) {  let res1 = await fetch('http://localhost:3000/api/questionApi', {    method: 'GET',    headers: {      'Content-Type': 'application/json'    }  })  let question = await res1.json()  return {    props: { question }  }}