API Route reading back Filename as query

[SceptreData]

Hi guys! I've been having a bit of trouble with dynamic api routes. Here's what I'm trying to do:

Using the cloudinary upload widget, I'm trying to set up a custom API route to add the cloudinary image response into my firebase databse. This is done by giving the cloudinary widget a notifcation url. I'm trying to use a dynamic API route to as the notification URL, so when I upload an image I receive the response at something like this: {BaseUrl}/api/uploadImage/[name].js .

Then the idea is to catch the name from req.query... but I don't seem to get the right values for name out of the query.
When I log out the value of req.query, I see:

{ name: '[name.js'] }

Firebase then throws an error because it can't parse the square brackets- but I'm not sure why '[name].js' is showing up in my query at all.

Any idea why this is happening?

Here is my API route code:

export default async (req, res) => {
    // RUN CORS WITH GET, HEAD, POST
    await runMiddleware(req, res, cors)

    const { name } = req.query

    // Initialize Firebase Admin
    initAdmin()
    const db = admin.database()

    // Get Firebase Ref, add new image
    let imageRef = db.ref('/places/' + name + '/images')
    let newImageRef = imageRef.push();

    newImageRef.set({
        imgUrl: "http://mendoza-res.cloudinary.com/image/upload/v1549349780/illra05q2jkghemh5gkw.png"
    });

    return res.status(200).json(req.body)

}

And here is where I initialize the cloudinary widget: Note the notification_url, which should be my dynamic API route:

const ImageWidget = ({name}) => {
  const [widget, setWidget] = useState(null)

  useEffect(() => {
    console.log(name)
    let cloudinary = window.cloudinary
    cloudinary.setCloudName('commuwiki-cloud')

    const newWidget = cloudinary.createUploadWidget({
        cloudName: 'commuwiki-cloud',
        uploadPreset: 'yid5bpza',
        apiKey: CLOUD_API_KEY,
        notification_url: `https://dora.vercel.app/api/uploadImage/${name}`
      },
      (error, result) => {
        console.log('CLOUDINARY REPORT:')
        console.log('------------------')
        console.log(result, error)
      }
    )
    setWidget(newWidget)
  }, [])

  return <button className="uploadbutton" onClick={widget?.open}>Upload an Image</button>
}

Here is an image of the error being thrown on my Vercel dashboard:

Any idea what's up?