> ## Documentation Index > Fetch the complete documentation index at: https://pro-bot.dev/docs/llms.txt > Use this file to discover all available pages before exploring further. # Troubleshooting > Common integration issues with probot-self-hosted and their fixes, from silent widget non-rendering to dashboard analytics that never land. Organised by symptom. Every issue below is grouped by the visible symptom. When multiple causes can trigger the same symptom, they're ordered most-common-first. ## The widget doesn't render at all **Symptom.** You imported and mounted `` but nothing appears on the page - not even the floating bubble. ### Cause 1: not inside a client component (Next.js App Router) `` uses React hooks and event handlers, so the containing file must start with `"use client";`. **Fix:** ```tsx theme={null} // components/BotWidget.tsx "use client"; // <-- required import { ProbotBot } from "probot-self-hosted"; export function BotWidget() { /* ... */ } ``` If you mounted it directly inside a server component (like `app/page.tsx` without `"use client";`), Next.js silently drops the render. ### Cause 2: React 18+ isn't in the dep tree The package's peer dependencies require `react >= 18` and `react-dom >= 18`. Older React ships without concurrent-mode APIs the package uses. **Fix:** ```bash theme={null} npm ls react react-dom # both should be >= 18.0.0 ``` Upgrade if not: `npm i react@^18 react-dom@^18`. ### Cause 3: CSS is overriding the widget The IIFE build injects its styles into `` at mount time. If your site has a very aggressive `!important` reset (Tailwind's `preflight` plus a custom reset, for instance), it can obliterate the FAB. **Fix.** Open DevTools → Elements → find the `.probot-fab` element → check the computed styles. If your reset stripped position/width/height/z-index, add a scoping selector to your reset so `.probot-root *` is excluded, or raise the widget's z-index in your global CSS after import. ### Cause 4: You mounted the vanilla IIFE at a selector that doesn't exist `ProbotSelfHosted.mount("#probot", …)` throws if `#probot` is missing. **Fix.** Check the browser console for `probot-self-hosted: target not found: #probot` and either add the target element to your HTML or move the `