Fix color picker ReferenceError by using NoSSRComponent (#1300)

Co-authored-by: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Co-authored-by: Alek Petuskey <[email protected]>
Co-authored-by: Alek Petuskey <[email protected]>

Author: devin-ai-integration[bot]

docs/wrapping-react/overview.md

@@ -59,7 +59,9 @@ We also have a var `color` which is the current color of the color picker.
 Since this component has interaction we must specify any event triggers that the component takes. The color picker has a single trigger `on_change` to specify when the color changes. This trigger takes in a single argument `color` which is the new color.
 
 ```python exec
-class ColorPicker(rx.Component):
+from reflex.components.component import NoSSRComponent
+
+class ColorPicker(NoSSRComponent):
     library = "react-colorful"
     tag = "HexColorPicker"
     color: rx.Var[str]
@@ -87,7 +89,9 @@ rx.box(
 ```
 
 ```python
-class ColorPicker(rx.Component):
+from reflex.components.component import NoSSRComponent
+
+class ColorPicker(NoSSRComponent):
     library = "react-colorful"
     tag = "HexColorPicker"
     color: rx.Var[str]
@@ -147,4 +151,4 @@ export default function App() {
 
 
 
-In the next page, we will go step by step through a more complex example of wrapping a React component.
+In the next page, we will go step by step through a more complex example of wrapping a React component.

pcweb/whitelist.py

@@ -12,7 +12,6 @@
 
 WHITELISTED_PAGES = []
 
-
 def _check_whitelisted_path(path: str):
     if len(WHITELISTED_PAGES) == 0:
         return True