Fully describe what you're trying to accomplish
I am trying to get my console.log output to appear in the browser dev tools console.

Include the relevant chunks of code in your post
Created a reproduction here: https://codesandbox.io/p/sandbox/dank-leftpad-pqxg9j

Steps I took:
1. Set up a brand new project with npx create-next-app@latest

2. Created my component:

"use client"
import { useEffect } from "react"

const MyComponent = (props: any): JSX.Element => {
  console.log("should log in both server and browser")

  useEffect(() => {
    console.log("should log in the browser");
  }, [])

  return (
    <div>
      Component content here
    </div>
  )
}

export default MyComponent


export default MyComponent

3. Placed the component on the default page, page.tsx:

import MyComponent from './MyComponent'

export default function Home() {
  return (
    <main >
      <MyComponent />
    </main>
  )
}

I should expect to see console.log twice in the browser, and once on the server, but I don't see anything.

Include the logs/errors you are receiving
None

Explain what you've tried to solve the issue
Set up the above minimal reproduction of it. Not sure how to proceed forward.