Lesson 10: 17:03:50, error - ./components/ManualHeader.jsx

[CryptoNube]

Hi fam!

I am unsure what is going on @ https://youtu.be/gyMwXuJrbJQ?t=61430?
Is my code not exactly what is in the video at this point?

Pic 1. My code:

Pic 2. Code in vid (end is cut off but, you can catch the whole segment a few frames back, before he cuts and pastes it into the second set of brackets https://youtu.be/gyMwXuJrbJQ?t=61416 - shown in pic 3.):

Pic 3. Before cut and paste:

code snippet:

import {useMoralis} from "react-moralis"

export default function ManualHeader(){

    const {enableWeb3, account} = useMoralis()

    return (<div>
        {account ? (<div>Connected<div/>) : (<button onClick={async () => {await enableWeb3()}}>Connect</button>)}
        </div>)
}

[CryptoNube]

Nevermind! I solved it. I removed the brackets from the divs in the ternary-conditional statement.
Weird thing is, I swear I tried this over and over. Nevertheless, the following works:

import {useMoralis} from "react-moralis"

export default function ManualHeader(){

    const {enableWeb3, account} = useMoralis()

    
    return (<div>
        {account ? <div>Connected</div> : <button onClick={async()=>{enableWeb3()}}>Connect</button>}
        </div>)
}

[alfaqi]

the issue was with the closing tags of div
{account ? (<div>Connected<div/>) : ....
after
{account ? (<div>Connected</div>) : ....

[CryptoNube]

Omg! well that's embarrassing.
Thank you @alfaqi!