Kite publisher button is not working regularly in React typescript project

xameeramir

By regularly, I mean that sometimes it works and sometimes not.
This is the sample code:

<button data-kite='XXX'
                                                data-exchange='NSE'
                                                data-tradingsymbol={`${stock.symbol}`}
                                                data-transaction_type='BUY'
                                                data-quantity='1'
                                                data-order_type='LIMIT'
                                                data-price={`${stock.currentPrice}`}>BUY</button>

I don't understand what is wrong with this...

sujith

Can you send the console output when it doesn't work?

sujith

We need more info to debug this issue.

xameeramir

Hi @sujith the buttons are embedded on this page https://ansaar.in/. There is no trace of the error on the console.

Vivek

@xameeramir You need to move `publisher.js` script tag to bottom of the page right before `` tag so that when script loads it can find all `kite-button` components and render accordingly. If you are populating button dynamically then you can check this out - https://kite.trade/docs/connect/v3/publisher/#generating-dynamic-buttons-with-javascript

xameeramir

@Vivek before which tag? Anyways, I have put the same to the bottom of the page but still the same problem. I'm not using `kite-button` as such

Vivek

@xameeramir Since elements in your page is created by js it wont be available when `publisher.js` loads. So you need to do it programmatically like its explained here - https://kite.trade/docs/connect/v3/publisher/#generating-dynamic-buttons-with-javascript

Afroz

I see embedded on this page https://Halalstock.in