How can I customize a popover and button using MUI?

[parth25]

useEffect(() => {
    const steps = [
      {
        element: '#Dashboard',
        popover: {
          title: 'Dashboard',
          description: 'The dashboard shows statistics',
          side: 'left',
          align: 'start',
          onNextClick: () => {
            router.push('/leads/?withRecognizedTerms=false&leadType=ALL_LEADS')
            driverObj.moveNext()
          }
        }
      }
    ]

    const filteredSteps: any = steps.filter(step => {
      const element = document.querySelector(step.element)

      return !step.element || element !== null
    })

    const driverObj = driver({
      showButtons: ['next', 'previous'],
      onNextClick: (element, step, opts) => {
        opts.config.showProgress = true
        driverObj.moveNext()
      },
      prevBtnText: 'Previous',
      doneBtnText: 'Next',
      showProgress: false,
      allowClose: false,
      steps: filteredSteps
    })

    driverObj.drive()
  }, [])