const handleClick = () => { console.log("clicked") } return ( #Unknown Channel Register )when i click the button nothing happens idk why

Mui Joy Button doesn't work

Answered

French Lop posted this in #help-forum

French LopOP

2023-09-25T11:41:36.000Z

const handleClick = () => {
console.log("clicked")
}

return (
#Unknown Channel
<Button onClick={handleClick}>Register</Button>
</>
)

when i click the button nothing happens idk why

Answered by riský

tbh you should update as 18 is LTS now or 20 for latest

View full answer

28 Replies

riský

2023-09-25T11:42:43.000Z

where is Button defined

French LopOP

2023-09-25T11:48:20.000Z

import { Button, Typography } from '@mui/joy'

riský

2023-09-25T11:49:41.000Z

and do normal onclicks for buttons work?

as if so, you should bring this up with mui as nextjs can't control it as far as i know

@riský and do normal onclicks for buttons work?

French LopOP

2023-09-25T11:51:15.000Z

what do you mean with a normal onClick?

riský

2023-09-25T11:51:24.000Z

like create a button (just plain and basic one)

and put the same onClick event on it

French LopOP

2023-09-25T11:52:47.000Z

nah its not working

i am on a client component

riský

2023-09-25T11:53:58.000Z

lol i just had a convo about this a few hours ago: https://canary.discord.com/channels/752553802359505017/1155683425886425099/1155728855089283082

but you say that you just did a <button onClick={handleClick}>Register</button> not imported anywhere

French LopOP

2023-09-25T11:55:41.000Z

<button onClick={handleClick}>CLICK IT</button>

yes the basic html button also didnt work

riský

2023-09-25T11:56:56.000Z

firstly, can you try clearing .next folder
secondly, check that js isn't disabled in your browser (and tab)
thirdly, make sure button isn't imported/defined anywhere else

French LopOP

2023-09-25T11:59:35.000Z

nothing helps

riský

2023-09-25T11:59:42.000Z

and can you try a fresh project (next build && next start) with just that code

French LopOP

2023-09-25T11:59:44.000Z

maybe theres a problem because i am using src folder

riský

2023-09-25T12:00:00.000Z

it shouldn't do anything negatively