How can I customize a popover and button using MUI?

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()
  }, [])

The issue provides a useEffect configuration with driver.js steps, popover options, and navigation callbacks, but it names no repository files or tests. Start by locating the documentation or examples for popover and button customization, then determine whether the requested MUI integration needs documented guidance. Done should mean the customization question has a clear, reproducible answer or example.