`onClick` listener to be a function, instead got a value of `object` type.

Here is i am checking on my cart page if user is null than open login popup otherwise go directly to Checkout page.

 var path;
  if (user !== null) {
    path = "/checkout";
  } else {
    path = "";
  }

Here is the button on cart page.

 <button
   type="button"
   onClick={path === "" ? openModal : <></>}>
   <Link href={path}>Checkout</Link>
 </button>
 <Login showModal={showModal} setShowModal={setShowModal} />

But i am getting warnings on console that onClick listener to be a function, instead got a value of object type. Modal is opening but how can i fix this warning ?

Comments

[Arber Braja]

First of all I dont think dev.to is the right place for solving your programming issues.

There are places much more suitable for this.

Secondly you are doing it wrong.

You should provide the onClick event listener a correct event handler, a function. Then encapsulate inside this event handler function whatever logic you want to do. Either return a value from this function or if directly inside the function re-assign url using window.location.assign to whatever value you need to set there.

[Dima Bondarenko]

Error says by itself. You should provide on click a function instead of object. In your cas get rid of button and style link as button or delete link and move logic from link to the onclick