Buttons not showing on Nuxt.js with ssr enabled about paypal-js HOT 2 OPEN

Problem 1: Wrapping <div> inside client only is redundant, Nuxt has no issues with rendering html markup

<template>
  <div ref="paypalContainer" />
</template>

Problem 2: Checking for process.client inside a function that is called inside mounted() hook is redundant, because mounted hook is never called on the server, nextTick is also redundant

mounted () {
    this.renderPayPalButton()
  },

Problem 3: async functions should be called with await

mounted () {
    await this.renderPayPalButton()
  },

Problem 4: wrapping component in client-only is redundant because you use mounted, the only reason for using client-only is when you want to call something in setup or you have some logic that should be executed before component is mounted but still only on the client, here we clearly see - it's not the case

<PayPalButton />

Problem 5: Plugins that are called on the client only should contain .client.ts in the name or be loaded inside plugins with a special syntax (check Nuxt docs)

Problem 6: When you want to get a solution to the problem you should describe it properly, if something is not showing you probably get some errors in terminal/console, what those are?

from paypal-js.

@Rexhmati did @AndrewBogdanovTSS's answers help solve your issue?

from paypal-js.