React client hook in Server Component
Why This Error Occurred
You are using a React client hook in a Server Component.
Possible Ways to Fix It
Mark the component using the hook as a Client Component by adding 'use client'
at the top of the file.
Before
app/example.js
import { useEffect } from 'react'
export default function Example() {
useEffect(() => {
console.log('in useEffect')
})
return <p>Hello world</p>
}
After
app/example.js
'use client'
import { useEffect } from 'react'
export default function Example() {
useEffect(() => {
console.log('in useEffect')
})
return <p>Hello world</p>
}
Useful Links
Was this helpful?