diff --git a/README.md b/README.md index 8ae101b4..d617c248 100644 --- a/README.md +++ b/README.md @@ -50,6 +50,10 @@ $ yarn add nextjs-themes-lite > You need Zustand as a peer-dependency +## To do + +- [ ] Update examples + ## Usage ### SPA (e.g., Vite, CRA) and Next.js pages directory (No server components) diff --git a/docs/functions/client_color_switch_color_switch.ColorSwitch.html b/docs/functions/client_color_switch_color_switch.ColorSwitch.html index 34eb136a..10e9fc99 100644 --- a/docs/functions/client_color_switch_color_switch.ColorSwitch.html +++ b/docs/functions/client_color_switch_color_switch.ColorSwitch.html @@ -4,4 +4,4 @@

custom size

<ColorSwitch size={20} />
-

Settings

Member Visibility

Theme

Generated using TypeDoc

\ No newline at end of file +

Settings

Member Visibility

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/docs/functions/client_force_color_scheme_force_color_scheme.ForceColorScheme.html b/docs/functions/client_force_color_scheme_force_color_scheme.ForceColorScheme.html index 063c9eb4..9f08c216 100644 --- a/docs/functions/client_force_color_scheme_force_color_scheme.ForceColorScheme.html +++ b/docs/functions/client_force_color_scheme_force_color_scheme.ForceColorScheme.html @@ -1 +1 @@ -ForceColorScheme | Code Documentation

Function ForceColorScheme

Settings

Member Visibility

Theme

Generated using TypeDoc

\ No newline at end of file +ForceColorScheme | Code Documentation

Function ForceColorScheme

Settings

Member Visibility

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/docs/functions/client_force_theme_force_theme.ForceTheme.html b/docs/functions/client_force_theme_force_theme.ForceTheme.html index 23fdf4fa..496e4de8 100644 --- a/docs/functions/client_force_theme_force_theme.ForceTheme.html +++ b/docs/functions/client_force_theme_force_theme.ForceTheme.html @@ -1 +1 @@ -ForceTheme | Code Documentation

Function ForceTheme

Settings

Member Visibility

Theme

Generated using TypeDoc

\ No newline at end of file +ForceTheme | Code Documentation

Function ForceTheme

Settings

Member Visibility

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/docs/functions/client_theme_switcher_theme_switcher.ThemeSwitcher.html b/docs/functions/client_theme_switcher_theme_switcher.ThemeSwitcher.html index 68a93653..9a353325 100644 --- a/docs/functions/client_theme_switcher_theme_switcher.ThemeSwitcher.html +++ b/docs/functions/client_theme_switcher_theme_switcher.ThemeSwitcher.html @@ -1 +1 @@ -ThemeSwitcher | Code Documentation

Function ThemeSwitcher

Settings

Member Visibility

Theme

Generated using TypeDoc

\ No newline at end of file +ThemeSwitcher | Code Documentation

Function ThemeSwitcher

Settings

Member Visibility

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/docs/functions/client_theme_switcher_theme_switcher.useThemeSwitcher.html b/docs/functions/client_theme_switcher_theme_switcher.useThemeSwitcher.html index 0d9ac2a0..322cb8f3 100644 --- a/docs/functions/client_theme_switcher_theme_switcher.useThemeSwitcher.html +++ b/docs/functions/client_theme_switcher_theme_switcher.useThemeSwitcher.html @@ -1 +1 @@ -useThemeSwitcher | Code Documentation

Function useThemeSwitcher

Settings

Member Visibility

Theme

Generated using TypeDoc

\ No newline at end of file +useThemeSwitcher | Code Documentation

Function useThemeSwitcher

Settings

Member Visibility

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/docs/functions/server_nextjs_server_side_wrapper_server_side_wrapper.NextJsSSGThemeSwitcher.html b/docs/functions/server_nextjs_server_side_wrapper_server_side_wrapper.NextJsSSGThemeSwitcher.html index 781e9ff5..11b96e8e 100644 --- a/docs/functions/server_nextjs_server_side_wrapper_server_side_wrapper.NextJsSSGThemeSwitcher.html +++ b/docs/functions/server_nextjs_server_side_wrapper_server_side_wrapper.NextJsSSGThemeSwitcher.html @@ -1 +1,3 @@ -NextJsSSGThemeSwitcher | Code Documentation

Function NextJsSSGThemeSwitcher

Settings

Member Visibility

Theme

Generated using TypeDoc

\ No newline at end of file +NextJsSSGThemeSwitcher | Code Documentation

Function NextJsSSGThemeSwitcher

Settings

Member Visibility

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/docs/functions/server_nextjs_server_side_wrapper_server_side_wrapper.ServerSideWrapper.html b/docs/functions/server_nextjs_server_side_wrapper_server_side_wrapper.ServerSideWrapper.html index fdf1f49e..3b5adfbc 100644 --- a/docs/functions/server_nextjs_server_side_wrapper_server_side_wrapper.ServerSideWrapper.html +++ b/docs/functions/server_nextjs_server_side_wrapper_server_side_wrapper.ServerSideWrapper.html @@ -1,2 +1,4 @@ ServerSideWrapper | Code Documentation

Function ServerSideWrapper

Settings

Member Visibility

Theme

Generated using TypeDoc

\ No newline at end of file +

Parameters

Returns Element

Example

<ServerSideWrapperProps lang="en">
 <body>
   <ThemeSwitcher />
   {children}
 </body>
</ServerSideWrapperProps>
+
+

Settings

Member Visibility

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/docs/functions/utils.resolveThemeFromColorScheme.html b/docs/functions/utils.resolveThemeFromColorScheme.html index 82a63b87..833d8ad7 100644 --- a/docs/functions/utils.resolveThemeFromColorScheme.html +++ b/docs/functions/utils.resolveThemeFromColorScheme.html @@ -1 +1 @@ -resolveThemeFromColorScheme | Code Documentation

Function resolveThemeFromColorScheme

Settings

Member Visibility

Theme

Generated using TypeDoc

\ No newline at end of file +resolveThemeFromColorScheme | Code Documentation

Function resolveThemeFromColorScheme

Settings

Member Visibility

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/docs/index.html b/docs/index.html index 95a39243..4d8e1b1b 100644 --- a/docs/index.html +++ b/docs/index.html @@ -27,47 +27,68 @@

Check out the live example.

Install

$ pnpm add nextjs-themes
# or
$ npm install nextjs-themes
# or
$ yarn add nextjs-themes
-

Want Lite Version? npm bundle size

$ pnpm add nextjs-themes-lite
# or
$ npm install nextjs-themes-lite
# or
$ yarn add nextjs-themes-lite
+
Want Lite Version? npm bundle size Version Downloads
$ pnpm add nextjs-themes-lite
# or
$ npm install nextjs-themes-lite
# or
$ yarn add nextjs-themes-lite
 

 

 
You need Zustand as a peer-dependency

 

-
Use
With pages/
The best way is to add a Custom App to use by modifying _app as follows:

+
To do

+
Usage
SPA (e.g., Vite, CRA) and Next.js pages directory (No server components)
The best way is to add a Custom App to use by modifying _app as follows:

 
Adding dark mode support takes 2 lines of code:

-
import { ThemeSwitcher } from "next-themes";

function MyApp({ Component, pageProps }) {
  return (
    <>
      <ThemeSwitcher forcedTheme={Component.theme} />
      <Component {...pageProps} />
    </>
  );
}

export default MyApp;
+
import { ThemeSwitcher } from "nextjs-themes";

function MyApp({ Component, pageProps }) {
    return (
        <>
            <ThemeSwitcher forcedTheme={Component.theme} />
            <Component {...pageProps} />
        </>
    );
}

export default MyApp;
 

 
⚡🎉Boom! Just a couple of lines and your dark mode is ready!

 
Check out examples for advanced usage.

-
With app/
Update your app/layout.jsx to add ThemeSwitcher and SSCWrapper from nextjs-themes. SSCWrapper is required to avoid flash of un-themed content on reload.

-
// app/layout.jsx
import { ThemeSwitcher } from "next-themes";
import { SSCWrapper } from "next-themes/server/nextjs";

export default function Layout({ children }) {
  return (
    <SSCWrapper tag="html" lang="en">
      <head />
      <body>
        <ThemeSwitcher />
        {children}
      </body>
    </SSCWrapper>
  );
}
+
With Next.js app router (Server Components)
Prefer static generation over SSR - No wrapper component

+
If your app is mostly serving static content, you do not want the overhead of SSR. Use NextJsSSGThemeSwitcher in this case.
+When using this approach, you need to use CSS general sibling Combinator (~) to make sure your themed CSS is properly applied. See (HTML & CSS)[#html--css].

+

+
Update your app/layout.jsx to add ThemeSwitcher from nextjs-themes, and NextJsSSGThemeSwitcher from nextjs-themes/server. NextJsSSGThemeSwitcher is required to avoid flash of un-themed content on reload.

+
// app/layout.jsx
import { ThemeSwitcher } from "nextjs-themes";
import { NextJsSSGThemeSwitcher } from "nextjs-themes/server/nextjs";

export default function Layout({ children }) {
    return (
        <html lang="en">
            <head />
            <body>
                /** use NextJsSSGThemeSwitcher as first element inside body */
                <NextJsSSGThemeSwitcher />
                <ThemeSwitcher />
                {children}
            </body>
        </html>
    );
}
+

+
Woohoo! You just added multiple theme modes and you can also use Server Component! Isn't that awesome!

+
Prefer SSR over SSG - Use wrapper component

+
If your app is serving dynamic content and you want to utilize SSR, continue using ServerSideWrapper component to replace html tag in layout.tsx file.

+

+
Update your app/layout.jsx to add ThemeSwitcher and ServerSideWrapper from nextjs-themes. ServerSideWrapper is required to avoid flash of un-themed content on reload.

+
// app/layout.jsx
import { ThemeSwitcher } from "nextjs-themes";
import { ServerSideWrapper } from "nextjs-themes/server/nextjs";

export default function Layout({ children }) {
    return (
        <ServerSideWrapper tag="html" lang="en">
            <head />
            <body>
                <ThemeSwitcher />
                {children}
            </body>
        </ServerSideWrapper>
    );
}
 

 
Woohoo! You just added dark mode and you can also use Server Component! Isn't that awesome!

-
HTML & CSS
That's it, your Next.js app fully supports dark mode, including System preference with prefers-color-scheme. The theme is also immediately synced between tabs. By default, next-themes modifies the data-theme attribute on the html element, which you can easily use to style your app:

-
:root {
  /* Your default theme */
  --background: white;
  --foreground: black;
}

[data-theme="dark"] {
  --background: black;
  --foreground: white;
}
+
HTML & CSS
That's it, your Next.js app fully supports dark mode, including System preference with prefers-color-scheme. The theme is also immediately synced between tabs. By default, nextjs-themes modifies the data-theme attribute on the html element, which you can easily use to style your app:

+
:root {
    /* Your default theme */
    --background: white;
    --foreground: black;
}

[data-theme="dark"] {
    --background: black;
    --foreground: white;
}

// v2 onwards when using NextJsSSGThemeSwitcher, we need to use CSS Combinators
[data-theme="dark"] ~ * {
    --background: black;
    --foreground: white;
}
 

 
useTheme
In case your components need to know the current theme and be able to change it. The useTheme hook provides theme information:

-
import { useTheme } from "nextjs-themes";

const ThemeChanger = () => {
  /* you can also improve performance by using selectors
   * const [theme, setTheme] = useTheme(state => [state.theme, state.setTheme]);
   */
  const { theme, setTheme } = useTheme();

  return (
    <div>
      The current theme is: {theme}
      <button onClick={() => setTheme("light")}>Light Mode</button>
      <button onClick={() => setTheme("dark")}>Dark Mode</button>
    </div>
  );
};
+
import { useTheme } from "nextjs-themes";

const ThemeChanger = () => {
    /* you can also improve performance by using selectors
     * const [theme, setTheme] = useTheme(state => [state.theme, state.setTheme]);
     */
    const { theme, setTheme } = useTheme();

    return (
        <div>
            The current theme is: {theme}
            <button onClick={() => setTheme("light")}>Light Mode</button>
            <button onClick={() => setTheme("dark")}>Dark Mode</button>
        </div>
    );
};
 

-
Force per page theme and color-scheme
Next.js app router
import { ForceTheme } from "nextjs-themes";

function MyPage() {
  return (
    <>
      <ForceTheme theme={"my-theme"} />
      ...
    </>
  );
}

export default MyPage;
+
Force per page theme and color-scheme
Next.js app router
import { ForceTheme } from "nextjs-themes";

function MyPage() {
    return (
        <>
            <ForceTheme theme={"my-theme"} />
            ...
        </>
    );
}

export default MyPage;
 

 
Next.js pages router
For pages router, you have 2 options. One is the same as the app router and the other option which is compatible with next-themes is to add theme to your page component as follows.

-
function MyPage() {
  return <>...</>;
}

MyPage.theme = "my-theme";

export default MyPage;
+
function MyPage() {
    return <>...</>;
}

MyPage.theme = "my-theme";

export default MyPage;
 

 
In a similar way, you can also force color scheme.

 
Forcing color scheme will apply your defaultDark or defaultLight theme, configurable via hooks.

+
Migrating from v1 to v2
Motivation:
For server side syncing, we need to use cookies and headers. This means that this component and its children can not be static. They will be rendered server side for each request. Thus, we are avoiding the wrapper. Now, only the NextJsSSGThemeSwitcher will be rendered server side for each request and rest of your app can be server statically.

+
Take care of the following while migrating to v2.

+
    
+
  • No changes required for projects not using Next.js app router or server components other than updating cookies policy if needed.
    • 
+
  • The persistent storage is realized with cookies in place of localStorage. (You might want to update cookies policy accordingly.)
    • 
+
  • We have provided NextJsSSGThemeSwitcher in addition to ServerSideWrapper for Next.js. You no longer need to use a wrapper component which broke static generation and forced SSR.
    • 
+
  • Visit With Next.js app router (Server Components)
    • 
+

 
Migrating from v0 to v1
    
 
  • defaultDarkTheme is renamed to darkTheme
    • 
 
  • setDefaultDarkTheme is renamed to setDarkTheme
    • 
 
  • defaultLightTheme is renamed to lightTheme
    • 
 
  • setDefaultLightTheme is renamed to setLightTheme
    • 
 

-

-
Full docs coming soon!

-

+
Docs
Typedoc

+
🤩 Don't forger to start this repo!
Want handson course for getting started with Turborepo? Check out React and Next.js with TypeScript

 
License
Licensed as MIT open source.

 

 
Note: This package uses cookies to sync theme with server components

 

 

 
-
with 💖 by Mayank Kumar Chaudhari
Settings
Member Visibility
Theme
On This Page
Generated using TypeDoc

\ No newline at end of file
+
with 💖 by Mayank Kumar Chaudhari
Settings
Member Visibility
Theme
On This Page
Generated using TypeDoc

\ No newline at end of file
diff --git a/docs/interfaces/client_color_switch_color_switch.ColorSwitchProps.html b/docs/interfaces/client_color_switch_color_switch.ColorSwitchProps.html
index ba805dc7..ded1117a 100644
--- a/docs/interfaces/client_color_switch_color_switch.ColorSwitchProps.html
+++ b/docs/interfaces/client_color_switch_color_switch.ColorSwitchProps.html
@@ -1,3 +1,3 @@
-ColorSwitchProps | Code Documentation
Interface ColorSwitchProps
interface ColorSwitchProps { 
    size?: number; 
}
Properties
size?
+ColorSwitchProps | Code Documentation
Interface ColorSwitchProps
interface ColorSwitchProps { 
    size?: number; 
}
Properties
size?
 
Properties
Optional size
size?: number
Diameter of the color color switch

-
Settings
Member Visibility
Theme
On This Page
Generated using TypeDoc

\ No newline at end of file
+
Settings
Member Visibility
Theme
On This Page
Generated using TypeDoc

\ No newline at end of file
diff --git a/docs/interfaces/client_theme_switcher_theme_switcher.ThemeSwitcherProps.html b/docs/interfaces/client_theme_switcher_theme_switcher.ThemeSwitcherProps.html
index f8b44054..a369208e 100644
--- a/docs/interfaces/client_theme_switcher_theme_switcher.ThemeSwitcherProps.html
+++ b/docs/interfaces/client_theme_switcher_theme_switcher.ThemeSwitcherProps.html
@@ -1,4 +1,4 @@
-ThemeSwitcherProps | Code Documentation
Interface ThemeSwitcherProps
interface ThemeSwitcherProps { 
    forcedColorScheme?: ColorSchemeType; 
    forcedTheme?: string; 
    targetSelector?: string; 
}
Properties
forcedColorScheme?
+ThemeSwitcherProps | Code Documentation
Interface ThemeSwitcherProps
interface ThemeSwitcherProps { 
    forcedColorScheme?: ColorSchemeType; 
    forcedTheme?: string; 
    targetSelector?: string; 
}
Properties
forcedColorScheme?
 forcedTheme?
 targetSelector?
-
Properties
Optional forcedColorScheme
forcedColorScheme?: ColorSchemeType
Optional forcedTheme
forcedTheme?: string
Optional targetSelector
targetSelector?: string
Settings
Member Visibility
Theme
On This Page
Generated using TypeDoc

\ No newline at end of file
+
Properties
Optional forcedColorScheme
forcedColorScheme?: ColorSchemeType
Optional forcedTheme
forcedTheme?: string
Optional targetSelector
targetSelector?: string
Settings
Member Visibility
Theme
On This Page
Generated using TypeDoc

\ No newline at end of file
diff --git a/docs/interfaces/server_nextjs_server_side_wrapper_server_side_wrapper.NextJsSSRThemeSwitcherProps.html b/docs/interfaces/server_nextjs_server_side_wrapper_server_side_wrapper.NextJsSSRThemeSwitcherProps.html
index 75903e2a..45e22346 100644
--- a/docs/interfaces/server_nextjs_server_side_wrapper_server_side_wrapper.NextJsSSRThemeSwitcherProps.html
+++ b/docs/interfaces/server_nextjs_server_side_wrapper_server_side_wrapper.NextJsSSRThemeSwitcherProps.html
@@ -1,4 +1,4 @@
-NextJsSSRThemeSwitcherProps | Code Documentation
Interface NextJsSSRThemeSwitcherProps
interface NextJsSSRThemeSwitcherProps { 
    about?: string; 
    accept?: string; 
    acceptCharset?: string; 
    accessKey?: string; 
    action?: string | ((formData) => void); 
    allowFullScreen?: boolean; 
    allowTransparency?: boolean; 
    alt?: string; 
    aria-activedescendant?: string; 
    aria-atomic?: Booleanish; 
    aria-autocomplete?: "list" | "none" | "inline" | "both"; 
    aria-braillelabel?: string; 
    aria-brailleroledescription?: string; 
    aria-busy?: Booleanish; 
    aria-checked?: boolean | "true" | "false" | "mixed"; 
    aria-colcount?: number; 
    aria-colindex?: number; 
    aria-colindextext?: string; 
    aria-colspan?: number; 
    aria-controls?: string; 
    aria-current?: boolean | "time" | "page" | "step" | "true" | "false" | "date" | "location"; 
    aria-describedby?: string; 
    aria-description?: string; 
    aria-details?: string; 
    aria-disabled?: Booleanish; 
    aria-dropeffect?: "link" | "none" | "copy" | "execute" | "move" | "popup"; 
    aria-errormessage?: string; 
    aria-expanded?: Booleanish; 
    aria-flowto?: string; 
    aria-grabbed?: Booleanish; 
    aria-haspopup?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false"; 
    aria-hidden?: Booleanish; 
    aria-invalid?: boolean | "true" | "false" | "grammar" | "spelling"; 
    aria-keyshortcuts?: string; 
    aria-label?: string; 
    aria-labelledby?: string; 
    aria-level?: number; 
    aria-live?: "off" | "assertive" | "polite"; 
    aria-modal?: Booleanish; 
    aria-multiline?: Booleanish; 
    aria-multiselectable?: Booleanish; 
    aria-orientation?: "horizontal" | "vertical"; 
    aria-owns?: string; 
    aria-placeholder?: string; 
    aria-posinset?: number; 
    aria-pressed?: boolean | "true" | "false" | "mixed"; 
    aria-readonly?: Booleanish; 
    aria-relevant?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals"; 
    aria-required?: Booleanish; 
    aria-roledescription?: string; 
    aria-rowcount?: number; 
    aria-rowindex?: number; 
    aria-rowindextext?: string; 
    aria-rowspan?: number; 
    aria-selected?: Booleanish; 
    aria-setsize?: number; 
    aria-sort?: "none" | "ascending" | "descending" | "other"; 
    aria-valuemax?: number; 
    aria-valuemin?: number; 
    aria-valuenow?: number; 
    aria-valuetext?: string; 
    as?: string; 
    async?: boolean; 
    autoCapitalize?: string; 
    autoComplete?: string; 
    autoCorrect?: string; 
    autoFocus?: boolean; 
    autoPlay?: boolean; 
    autoSave?: string; 
    capture?: boolean | "user" | "environment"; 
    cellPadding?: string | number; 
    cellSpacing?: string | number; 
    challenge?: string; 
    charSet?: string; 
    checked?: boolean; 
    children?: ReactNode; 
    cite?: string; 
    classID?: string; 
    className?: string; 
    colSpan?: number; 
    color?: string; 
    cols?: number; 
    content?: string; 
    contentEditable?: Booleanish | "inherit" | "plaintext-only"; 
    contextMenu?: string; 
    controls?: boolean; 
    coords?: string; 
    crossOrigin?: CrossOrigin; 
    dangerouslySetInnerHTML?: { 
        __html: string | TrustedHTML; 
    }; 
    data?: string; 
    datatype?: string; 
    dateTime?: string; 
    default?: boolean; 
    defaultChecked?: boolean; 
    defaultValue?: string | number | readonly string[]; 
    defer?: boolean; 
    dir?: string; 
    disabled?: boolean; 
    download?: any; 
    draggable?: Booleanish; 
    encType?: string; 
    forcedPages?: ForcedPage[]; 
    form?: string; 
    formAction?: string | ((formData) => void); 
    formEncType?: string; 
    formMethod?: string; 
    formNoValidate?: boolean; 
    formTarget?: string; 
    frameBorder?: string | number; 
    headers?: string; 
    height?: string | number; 
    hidden?: boolean; 
    high?: number; 
    href?: string; 
    hrefLang?: string; 
    htmlFor?: string; 
    httpEquiv?: string; 
    id?: string; 
    inlist?: any; 
    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal"; 
    integrity?: string; 
    is?: string; 
    itemID?: string; 
    itemProp?: string; 
    itemRef?: string; 
    itemScope?: boolean; 
    itemType?: string; 
    key?: null | Key; 
    keyParams?: string; 
    keyType?: string; 
    kind?: string; 
    label?: string; 
    lang?: string; 
    list?: string; 
    loop?: boolean; 
    low?: number; 
    manifest?: string; 
    marginHeight?: number; 
    marginWidth?: number; 
    max?: string | number; 
    maxLength?: number; 
    media?: string; 
    mediaGroup?: string; 
    method?: string; 
    min?: string | number; 
    minLength?: number; 
    multiple?: boolean; 
    muted?: boolean; 
    name?: string; 
    noValidate?: boolean; 
    nonce?: string; 
    onAbort?: ReactEventHandler<HTMLElement>; 
    onAbortCapture?: ReactEventHandler<HTMLElement>; 
    onAnimationEnd?: AnimationEventHandler<HTMLElement>; 
    onAnimationEndCapture?: AnimationEventHandler<HTMLElement>; 
    onAnimationIteration?: AnimationEventHandler<HTMLElement>; 
    onAnimationIterationCapture?: AnimationEventHandler<HTMLElement>; 
    onAnimationStart?: AnimationEventHandler<HTMLElement>; 
    onAnimationStartCapture?: AnimationEventHandler<HTMLElement>; 
    onAuxClick?: MouseEventHandler<HTMLElement>; 
    onAuxClickCapture?: MouseEventHandler<HTMLElement>; 
    onBeforeInput?: FormEventHandler<HTMLElement>; 
    onBeforeInputCapture?: FormEventHandler<HTMLElement>; 
    onBlur?: FocusEventHandler<HTMLElement>; 
    onBlurCapture?: FocusEventHandler<HTMLElement>; 
    onCanPlay?: ReactEventHandler<HTMLElement>; 
    onCanPlayCapture?: ReactEventHandler<HTMLElement>; 
    onCanPlayThrough?: ReactEventHandler<HTMLElement>; 
    onCanPlayThroughCapture?: ReactEventHandler<HTMLElement>; 
    onChange?: FormEventHandler<HTMLElement>; 
    onChangeCapture?: FormEventHandler<HTMLElement>; 
    onClick?: MouseEventHandler<HTMLElement>; 
    onClickCapture?: MouseEventHandler<HTMLElement>; 
    onCompositionEnd?: CompositionEventHandler<HTMLElement>; 
    onCompositionEndCapture?: CompositionEventHandler<HTMLElement>; 
    onCompositionStart?: CompositionEventHandler<HTMLElement>; 
    onCompositionStartCapture?: CompositionEventHandler<HTMLElement>; 
    onCompositionUpdate?: CompositionEventHandler<HTMLElement>; 
    onCompositionUpdateCapture?: CompositionEventHandler<HTMLElement>; 
    onContextMenu?: MouseEventHandler<HTMLElement>; 
    onContextMenuCapture?: MouseEventHandler<HTMLElement>; 
    onCopy?: ClipboardEventHandler<HTMLElement>; 
    onCopyCapture?: ClipboardEventHandler<HTMLElement>; 
    onCut?: ClipboardEventHandler<HTMLElement>; 
    onCutCapture?: ClipboardEventHandler<HTMLElement>; 
    onDoubleClick?: MouseEventHandler<HTMLElement>; 
    onDoubleClickCapture?: MouseEventHandler<HTMLElement>; 
    onDrag?: DragEventHandler<HTMLElement>; 
    onDragCapture?: DragEventHandler<HTMLElement>; 
    onDragEnd?: DragEventHandler<HTMLElement>; 
    onDragEndCapture?: DragEventHandler<HTMLElement>; 
    onDragEnter?: DragEventHandler<HTMLElement>; 
    onDragEnterCapture?: DragEventHandler<HTMLElement>; 
    onDragExit?: DragEventHandler<HTMLElement>; 
    onDragExitCapture?: DragEventHandler<HTMLElement>; 
    onDragLeave?: DragEventHandler<HTMLElement>; 
    onDragLeaveCapture?: DragEventHandler<HTMLElement>; 
    onDragOver?: DragEventHandler<HTMLElement>; 
    onDragOverCapture?: DragEventHandler<HTMLElement>; 
    onDragStart?: DragEventHandler<HTMLElement>; 
    onDragStartCapture?: DragEventHandler<HTMLElement>; 
    onDrop?: DragEventHandler<HTMLElement>; 
    onDropCapture?: DragEventHandler<HTMLElement>; 
    onDurationChange?: ReactEventHandler<HTMLElement>; 
    onDurationChangeCapture?: ReactEventHandler<HTMLElement>; 
    onEmptied?: ReactEventHandler<HTMLElement>; 
    onEmptiedCapture?: ReactEventHandler<HTMLElement>; 
    onEncrypted?: ReactEventHandler<HTMLElement>; 
    onEncryptedCapture?: ReactEventHandler<HTMLElement>; 
    onEnded?: ReactEventHandler<HTMLElement>; 
    onEndedCapture?: ReactEventHandler<HTMLElement>; 
    onError?: ReactEventHandler<HTMLElement>; 
    onErrorCapture?: ReactEventHandler<HTMLElement>; 
    onFocus?: FocusEventHandler<HTMLElement>; 
    onFocusCapture?: FocusEventHandler<HTMLElement>; 
    onGotPointerCapture?: PointerEventHandler<HTMLElement>; 
    onGotPointerCaptureCapture?: PointerEventHandler<HTMLElement>; 
    onInput?: FormEventHandler<HTMLElement>; 
    onInputCapture?: FormEventHandler<HTMLElement>; 
    onInvalid?: FormEventHandler<HTMLElement>; 
    onInvalidCapture?: FormEventHandler<HTMLElement>; 
    onKeyDown?: KeyboardEventHandler<HTMLElement>; 
    onKeyDownCapture?: KeyboardEventHandler<HTMLElement>; 
    onKeyPress?: KeyboardEventHandler<HTMLElement>; 
    onKeyPressCapture?: KeyboardEventHandler<HTMLElement>; 
    onKeyUp?: KeyboardEventHandler<HTMLElement>; 
    onKeyUpCapture?: KeyboardEventHandler<HTMLElement>; 
    onLoad?: ReactEventHandler<HTMLElement>; 
    onLoadCapture?: ReactEventHandler<HTMLElement>; 
    onLoadStart?: ReactEventHandler<HTMLElement>; 
    onLoadStartCapture?: ReactEventHandler<HTMLElement>; 
    onLoadedData?: ReactEventHandler<HTMLElement>; 
    onLoadedDataCapture?: ReactEventHandler<HTMLElement>; 
    onLoadedMetadata?: ReactEventHandler<HTMLElement>; 
    onLoadedMetadataCapture?: ReactEventHandler<HTMLElement>; 
    onLostPointerCapture?: PointerEventHandler<HTMLElement>; 
    onLostPointerCaptureCapture?: PointerEventHandler<HTMLElement>; 
    onMouseDown?: MouseEventHandler<HTMLElement>; 
    onMouseDownCapture?: MouseEventHandler<HTMLElement>; 
    onMouseEnter?: MouseEventHandler<HTMLElement>; 
    onMouseLeave?: MouseEventHandler<HTMLElement>; 
    onMouseMove?: MouseEventHandler<HTMLElement>; 
    onMouseMoveCapture?: MouseEventHandler<HTMLElement>; 
    onMouseOut?: MouseEventHandler<HTMLElement>; 
    onMouseOutCapture?: MouseEventHandler<HTMLElement>; 
    onMouseOver?: MouseEventHandler<HTMLElement>; 
    onMouseOverCapture?: MouseEventHandler<HTMLElement>; 
    onMouseUp?: MouseEventHandler<HTMLElement>; 
    onMouseUpCapture?: MouseEventHandler<HTMLElement>; 
    onPaste?: ClipboardEventHandler<HTMLElement>; 
    onPasteCapture?: ClipboardEventHandler<HTMLElement>; 
    onPause?: ReactEventHandler<HTMLElement>; 
    onPauseCapture?: ReactEventHandler<HTMLElement>; 
    onPlay?: ReactEventHandler<HTMLElement>; 
    onPlayCapture?: ReactEventHandler<HTMLElement>; 
    onPlaying?: ReactEventHandler<HTMLElement>; 
    onPlayingCapture?: ReactEventHandler<HTMLElement>; 
    onPointerCancel?: PointerEventHandler<HTMLElement>; 
    onPointerCancelCapture?: PointerEventHandler<HTMLElement>; 
    onPointerDown?: PointerEventHandler<HTMLElement>; 
    onPointerDownCapture?: PointerEventHandler<HTMLElement>; 
    onPointerEnter?: PointerEventHandler<HTMLElement>; 
    onPointerEnterCapture?: PointerEventHandler<HTMLElement>; 
    onPointerLeave?: PointerEventHandler<HTMLElement>; 
    onPointerLeaveCapture?: PointerEventHandler<HTMLElement>; 
    onPointerMove?: PointerEventHandler<HTMLElement>; 
    onPointerMoveCapture?: PointerEventHandler<HTMLElement>; 
    onPointerOut?: PointerEventHandler<HTMLElement>; 
    onPointerOutCapture?: PointerEventHandler<HTMLElement>; 
    onPointerOver?: PointerEventHandler<HTMLElement>; 
    onPointerOverCapture?: PointerEventHandler<HTMLElement>; 
    onPointerUp?: PointerEventHandler<HTMLElement>; 
    onPointerUpCapture?: PointerEventHandler<HTMLElement>; 
    onProgress?: ReactEventHandler<HTMLElement>; 
    onProgressCapture?: ReactEventHandler<HTMLElement>; 
    onRateChange?: ReactEventHandler<HTMLElement>; 
    onRateChangeCapture?: ReactEventHandler<HTMLElement>; 
    onReset?: FormEventHandler<HTMLElement>; 
    onResetCapture?: FormEventHandler<HTMLElement>; 
    onResize?: ReactEventHandler<HTMLElement>; 
    onResizeCapture?: ReactEventHandler<HTMLElement>; 
    onScroll?: UIEventHandler<HTMLElement>; 
    onScrollCapture?: UIEventHandler<HTMLElement>; 
    onSeeked?: ReactEventHandler<HTMLElement>; 
    onSeekedCapture?: ReactEventHandler<HTMLElement>; 
    onSeeking?: ReactEventHandler<HTMLElement>; 
    onSeekingCapture?: ReactEventHandler<HTMLElement>; 
    onSelect?: ReactEventHandler<HTMLElement>; 
    onSelectCapture?: ReactEventHandler<HTMLElement>; 
    onStalled?: ReactEventHandler<HTMLElement>; 
    onStalledCapture?: ReactEventHandler<HTMLElement>; 
    onSubmit?: FormEventHandler<HTMLElement>; 
    onSubmitCapture?: FormEventHandler<HTMLElement>; 
    onSuspend?: ReactEventHandler<HTMLElement>; 
    onSuspendCapture?: ReactEventHandler<HTMLElement>; 
    onTimeUpdate?: ReactEventHandler<HTMLElement>; 
    onTimeUpdateCapture?: ReactEventHandler<HTMLElement>; 
    onTouchCancel?: TouchEventHandler<HTMLElement>; 
    onTouchCancelCapture?: TouchEventHandler<HTMLElement>; 
    onTouchEnd?: TouchEventHandler<HTMLElement>; 
    onTouchEndCapture?: TouchEventHandler<HTMLElement>; 
    onTouchMove?: TouchEventHandler<HTMLElement>; 
    onTouchMoveCapture?: TouchEventHandler<HTMLElement>; 
    onTouchStart?: TouchEventHandler<HTMLElement>; 
    onTouchStartCapture?: TouchEventHandler<HTMLElement>; 
    onTransitionEnd?: TransitionEventHandler<HTMLElement>; 
    onTransitionEndCapture?: TransitionEventHandler<HTMLElement>; 
    onVolumeChange?: ReactEventHandler<HTMLElement>; 
    onVolumeChangeCapture?: ReactEventHandler<HTMLElement>; 
    onWaiting?: ReactEventHandler<HTMLElement>; 
    onWaitingCapture?: ReactEventHandler<HTMLElement>; 
    onWheel?: WheelEventHandler<HTMLElement>; 
    onWheelCapture?: WheelEventHandler<HTMLElement>; 
    open?: boolean; 
    optimum?: number; 
    pattern?: string; 
    placeholder?: string; 
    playsInline?: boolean; 
    poster?: string; 
    prefix?: string; 
    preload?: string; 
    property?: string; 
    radioGroup?: string; 
    readOnly?: boolean; 
    ref?: LegacyRef<HTMLElement>; 
    rel?: string; 
    required?: boolean; 
    resource?: string; 
    results?: number; 
    rev?: string; 
    reversed?: boolean; 
    role?: AriaRole; 
    rowSpan?: number; 
    rows?: number; 
    sandbox?: string; 
    scope?: string; 
    scoped?: boolean; 
    scrolling?: string; 
    seamless?: boolean; 
    security?: string; 
    selected?: boolean; 
    shape?: string; 
    size?: number; 
    sizes?: string; 
    slot?: string; 
    span?: number; 
    spellCheck?: Booleanish; 
    src?: string; 
    srcDoc?: string; 
    srcLang?: string; 
    srcSet?: string; 
    start?: number; 
    step?: string | number; 
    style?: CSSProperties; 
    summary?: string; 
    suppressContentEditableWarning?: boolean; 
    suppressHydrationWarning?: boolean; 
    tabIndex?: number; 
    tag?: keyof IntrinsicElements; 
    target?: string; 
    title?: string; 
    translate?: "yes" | "no"; 
    type?: string; 
    typeof?: string; 
    unselectable?: "on" | "off"; 
    useMap?: string; 
    value?: string | number | readonly string[]; 
    vocab?: string; 
    width?: string | number; 
    wmode?: string; 
    wrap?: string; 
}
Hierarchy
Properties
about?
+NextJsSSRThemeSwitcherProps | Code Documentation
Interface NextJsSSRThemeSwitcherProps
interface NextJsSSRThemeSwitcherProps { 
    about?: string; 
    accept?: string; 
    acceptCharset?: string; 
    accessKey?: string; 
    action?: string | ((formData) => void); 
    allowFullScreen?: boolean; 
    allowTransparency?: boolean; 
    alt?: string; 
    aria-activedescendant?: string; 
    aria-atomic?: Booleanish; 
    aria-autocomplete?: "list" | "none" | "inline" | "both"; 
    aria-braillelabel?: string; 
    aria-brailleroledescription?: string; 
    aria-busy?: Booleanish; 
    aria-checked?: boolean | "true" | "false" | "mixed"; 
    aria-colcount?: number; 
    aria-colindex?: number; 
    aria-colindextext?: string; 
    aria-colspan?: number; 
    aria-controls?: string; 
    aria-current?: boolean | "time" | "page" | "step" | "true" | "false" | "date" | "location"; 
    aria-describedby?: string; 
    aria-description?: string; 
    aria-details?: string; 
    aria-disabled?: Booleanish; 
    aria-dropeffect?: "link" | "none" | "copy" | "execute" | "move" | "popup"; 
    aria-errormessage?: string; 
    aria-expanded?: Booleanish; 
    aria-flowto?: string; 
    aria-grabbed?: Booleanish; 
    aria-haspopup?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false"; 
    aria-hidden?: Booleanish; 
    aria-invalid?: boolean | "true" | "false" | "grammar" | "spelling"; 
    aria-keyshortcuts?: string; 
    aria-label?: string; 
    aria-labelledby?: string; 
    aria-level?: number; 
    aria-live?: "off" | "assertive" | "polite"; 
    aria-modal?: Booleanish; 
    aria-multiline?: Booleanish; 
    aria-multiselectable?: Booleanish; 
    aria-orientation?: "horizontal" | "vertical"; 
    aria-owns?: string; 
    aria-placeholder?: string; 
    aria-posinset?: number; 
    aria-pressed?: boolean | "true" | "false" | "mixed"; 
    aria-readonly?: Booleanish; 
    aria-relevant?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals"; 
    aria-required?: Booleanish; 
    aria-roledescription?: string; 
    aria-rowcount?: number; 
    aria-rowindex?: number; 
    aria-rowindextext?: string; 
    aria-rowspan?: number; 
    aria-selected?: Booleanish; 
    aria-setsize?: number; 
    aria-sort?: "none" | "ascending" | "descending" | "other"; 
    aria-valuemax?: number; 
    aria-valuemin?: number; 
    aria-valuenow?: number; 
    aria-valuetext?: string; 
    as?: string; 
    async?: boolean; 
    autoCapitalize?: string; 
    autoComplete?: string; 
    autoCorrect?: string; 
    autoFocus?: boolean; 
    autoPlay?: boolean; 
    autoSave?: string; 
    capture?: boolean | "user" | "environment"; 
    cellPadding?: string | number; 
    cellSpacing?: string | number; 
    challenge?: string; 
    charSet?: string; 
    checked?: boolean; 
    children?: ReactNode; 
    cite?: string; 
    classID?: string; 
    className?: string; 
    colSpan?: number; 
    color?: string; 
    cols?: number; 
    content?: string; 
    contentEditable?: Booleanish | "inherit" | "plaintext-only"; 
    contextMenu?: string; 
    controls?: boolean; 
    coords?: string; 
    crossOrigin?: CrossOrigin; 
    dangerouslySetInnerHTML?: { 
        __html: string | TrustedHTML; 
    }; 
    data?: string; 
    datatype?: string; 
    dateTime?: string; 
    default?: boolean; 
    defaultChecked?: boolean; 
    defaultValue?: string | number | readonly string[]; 
    defer?: boolean; 
    dir?: string; 
    disabled?: boolean; 
    download?: any; 
    draggable?: Booleanish; 
    encType?: string; 
    forcedPages?: ForcedPage[]; 
    form?: string; 
    formAction?: string | ((formData) => void); 
    formEncType?: string; 
    formMethod?: string; 
    formNoValidate?: boolean; 
    formTarget?: string; 
    frameBorder?: string | number; 
    headers?: string; 
    height?: string | number; 
    hidden?: boolean; 
    high?: number; 
    href?: string; 
    hrefLang?: string; 
    htmlFor?: string; 
    httpEquiv?: string; 
    id?: string; 
    inlist?: any; 
    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal"; 
    integrity?: string; 
    is?: string; 
    itemID?: string; 
    itemProp?: string; 
    itemRef?: string; 
    itemScope?: boolean; 
    itemType?: string; 
    key?: null | Key; 
    keyParams?: string; 
    keyType?: string; 
    kind?: string; 
    label?: string; 
    lang?: string; 
    list?: string; 
    loop?: boolean; 
    low?: number; 
    manifest?: string; 
    marginHeight?: number; 
    marginWidth?: number; 
    max?: string | number; 
    maxLength?: number; 
    media?: string; 
    mediaGroup?: string; 
    method?: string; 
    min?: string | number; 
    minLength?: number; 
    multiple?: boolean; 
    muted?: boolean; 
    name?: string; 
    noValidate?: boolean; 
    nonce?: string; 
    onAbort?: ReactEventHandler<HTMLElement>; 
    onAbortCapture?: ReactEventHandler<HTMLElement>; 
    onAnimationEnd?: AnimationEventHandler<HTMLElement>; 
    onAnimationEndCapture?: AnimationEventHandler<HTMLElement>; 
    onAnimationIteration?: AnimationEventHandler<HTMLElement>; 
    onAnimationIterationCapture?: AnimationEventHandler<HTMLElement>; 
    onAnimationStart?: AnimationEventHandler<HTMLElement>; 
    onAnimationStartCapture?: AnimationEventHandler<HTMLElement>; 
    onAuxClick?: MouseEventHandler<HTMLElement>; 
    onAuxClickCapture?: MouseEventHandler<HTMLElement>; 
    onBeforeInput?: FormEventHandler<HTMLElement>; 
    onBeforeInputCapture?: FormEventHandler<HTMLElement>; 
    onBlur?: FocusEventHandler<HTMLElement>; 
    onBlurCapture?: FocusEventHandler<HTMLElement>; 
    onCanPlay?: ReactEventHandler<HTMLElement>; 
    onCanPlayCapture?: ReactEventHandler<HTMLElement>; 
    onCanPlayThrough?: ReactEventHandler<HTMLElement>; 
    onCanPlayThroughCapture?: ReactEventHandler<HTMLElement>; 
    onChange?: FormEventHandler<HTMLElement>; 
    onChangeCapture?: FormEventHandler<HTMLElement>; 
    onClick?: MouseEventHandler<HTMLElement>; 
    onClickCapture?: MouseEventHandler<HTMLElement>; 
    onCompositionEnd?: CompositionEventHandler<HTMLElement>; 
    onCompositionEndCapture?: CompositionEventHandler<HTMLElement>; 
    onCompositionStart?: CompositionEventHandler<HTMLElement>; 
    onCompositionStartCapture?: CompositionEventHandler<HTMLElement>; 
    onCompositionUpdate?: CompositionEventHandler<HTMLElement>; 
    onCompositionUpdateCapture?: CompositionEventHandler<HTMLElement>; 
    onContextMenu?: MouseEventHandler<HTMLElement>; 
    onContextMenuCapture?: MouseEventHandler<HTMLElement>; 
    onCopy?: ClipboardEventHandler<HTMLElement>; 
    onCopyCapture?: ClipboardEventHandler<HTMLElement>; 
    onCut?: ClipboardEventHandler<HTMLElement>; 
    onCutCapture?: ClipboardEventHandler<HTMLElement>; 
    onDoubleClick?: MouseEventHandler<HTMLElement>; 
    onDoubleClickCapture?: MouseEventHandler<HTMLElement>; 
    onDrag?: DragEventHandler<HTMLElement>; 
    onDragCapture?: DragEventHandler<HTMLElement>; 
    onDragEnd?: DragEventHandler<HTMLElement>; 
    onDragEndCapture?: DragEventHandler<HTMLElement>; 
    onDragEnter?: DragEventHandler<HTMLElement>; 
    onDragEnterCapture?: DragEventHandler<HTMLElement>; 
    onDragExit?: DragEventHandler<HTMLElement>; 
    onDragExitCapture?: DragEventHandler<HTMLElement>; 
    onDragLeave?: DragEventHandler<HTMLElement>; 
    onDragLeaveCapture?: DragEventHandler<HTMLElement>; 
    onDragOver?: DragEventHandler<HTMLElement>; 
    onDragOverCapture?: DragEventHandler<HTMLElement>; 
    onDragStart?: DragEventHandler<HTMLElement>; 
    onDragStartCapture?: DragEventHandler<HTMLElement>; 
    onDrop?: DragEventHandler<HTMLElement>; 
    onDropCapture?: DragEventHandler<HTMLElement>; 
    onDurationChange?: ReactEventHandler<HTMLElement>; 
    onDurationChangeCapture?: ReactEventHandler<HTMLElement>; 
    onEmptied?: ReactEventHandler<HTMLElement>; 
    onEmptiedCapture?: ReactEventHandler<HTMLElement>; 
    onEncrypted?: ReactEventHandler<HTMLElement>; 
    onEncryptedCapture?: ReactEventHandler<HTMLElement>; 
    onEnded?: ReactEventHandler<HTMLElement>; 
    onEndedCapture?: ReactEventHandler<HTMLElement>; 
    onError?: ReactEventHandler<HTMLElement>; 
    onErrorCapture?: ReactEventHandler<HTMLElement>; 
    onFocus?: FocusEventHandler<HTMLElement>; 
    onFocusCapture?: FocusEventHandler<HTMLElement>; 
    onGotPointerCapture?: PointerEventHandler<HTMLElement>; 
    onGotPointerCaptureCapture?: PointerEventHandler<HTMLElement>; 
    onInput?: FormEventHandler<HTMLElement>; 
    onInputCapture?: FormEventHandler<HTMLElement>; 
    onInvalid?: FormEventHandler<HTMLElement>; 
    onInvalidCapture?: FormEventHandler<HTMLElement>; 
    onKeyDown?: KeyboardEventHandler<HTMLElement>; 
    onKeyDownCapture?: KeyboardEventHandler<HTMLElement>; 
    onKeyPress?: KeyboardEventHandler<HTMLElement>; 
    onKeyPressCapture?: KeyboardEventHandler<HTMLElement>; 
    onKeyUp?: KeyboardEventHandler<HTMLElement>; 
    onKeyUpCapture?: KeyboardEventHandler<HTMLElement>; 
    onLoad?: ReactEventHandler<HTMLElement>; 
    onLoadCapture?: ReactEventHandler<HTMLElement>; 
    onLoadStart?: ReactEventHandler<HTMLElement>; 
    onLoadStartCapture?: ReactEventHandler<HTMLElement>; 
    onLoadedData?: ReactEventHandler<HTMLElement>; 
    onLoadedDataCapture?: ReactEventHandler<HTMLElement>; 
    onLoadedMetadata?: ReactEventHandler<HTMLElement>; 
    onLoadedMetadataCapture?: ReactEventHandler<HTMLElement>; 
    onLostPointerCapture?: PointerEventHandler<HTMLElement>; 
    onLostPointerCaptureCapture?: PointerEventHandler<HTMLElement>; 
    onMouseDown?: MouseEventHandler<HTMLElement>; 
    onMouseDownCapture?: MouseEventHandler<HTMLElement>; 
    onMouseEnter?: MouseEventHandler<HTMLElement>; 
    onMouseLeave?: MouseEventHandler<HTMLElement>; 
    onMouseMove?: MouseEventHandler<HTMLElement>; 
    onMouseMoveCapture?: MouseEventHandler<HTMLElement>; 
    onMouseOut?: MouseEventHandler<HTMLElement>; 
    onMouseOutCapture?: MouseEventHandler<HTMLElement>; 
    onMouseOver?: MouseEventHandler<HTMLElement>; 
    onMouseOverCapture?: MouseEventHandler<HTMLElement>; 
    onMouseUp?: MouseEventHandler<HTMLElement>; 
    onMouseUpCapture?: MouseEventHandler<HTMLElement>; 
    onPaste?: ClipboardEventHandler<HTMLElement>; 
    onPasteCapture?: ClipboardEventHandler<HTMLElement>; 
    onPause?: ReactEventHandler<HTMLElement>; 
    onPauseCapture?: ReactEventHandler<HTMLElement>; 
    onPlay?: ReactEventHandler<HTMLElement>; 
    onPlayCapture?: ReactEventHandler<HTMLElement>; 
    onPlaying?: ReactEventHandler<HTMLElement>; 
    onPlayingCapture?: ReactEventHandler<HTMLElement>; 
    onPointerCancel?: PointerEventHandler<HTMLElement>; 
    onPointerCancelCapture?: PointerEventHandler<HTMLElement>; 
    onPointerDown?: PointerEventHandler<HTMLElement>; 
    onPointerDownCapture?: PointerEventHandler<HTMLElement>; 
    onPointerEnter?: PointerEventHandler<HTMLElement>; 
    onPointerEnterCapture?: PointerEventHandler<HTMLElement>; 
    onPointerLeave?: PointerEventHandler<HTMLElement>; 
    onPointerLeaveCapture?: PointerEventHandler<HTMLElement>; 
    onPointerMove?: PointerEventHandler<HTMLElement>; 
    onPointerMoveCapture?: PointerEventHandler<HTMLElement>; 
    onPointerOut?: PointerEventHandler<HTMLElement>; 
    onPointerOutCapture?: PointerEventHandler<HTMLElement>; 
    onPointerOver?: PointerEventHandler<HTMLElement>; 
    onPointerOverCapture?: PointerEventHandler<HTMLElement>; 
    onPointerUp?: PointerEventHandler<HTMLElement>; 
    onPointerUpCapture?: PointerEventHandler<HTMLElement>; 
    onProgress?: ReactEventHandler<HTMLElement>; 
    onProgressCapture?: ReactEventHandler<HTMLElement>; 
    onRateChange?: ReactEventHandler<HTMLElement>; 
    onRateChangeCapture?: ReactEventHandler<HTMLElement>; 
    onReset?: FormEventHandler<HTMLElement>; 
    onResetCapture?: FormEventHandler<HTMLElement>; 
    onResize?: ReactEventHandler<HTMLElement>; 
    onResizeCapture?: ReactEventHandler<HTMLElement>; 
    onScroll?: UIEventHandler<HTMLElement>; 
    onScrollCapture?: UIEventHandler<HTMLElement>; 
    onSeeked?: ReactEventHandler<HTMLElement>; 
    onSeekedCapture?: ReactEventHandler<HTMLElement>; 
    onSeeking?: ReactEventHandler<HTMLElement>; 
    onSeekingCapture?: ReactEventHandler<HTMLElement>; 
    onSelect?: ReactEventHandler<HTMLElement>; 
    onSelectCapture?: ReactEventHandler<HTMLElement>; 
    onStalled?: ReactEventHandler<HTMLElement>; 
    onStalledCapture?: ReactEventHandler<HTMLElement>; 
    onSubmit?: FormEventHandler<HTMLElement>; 
    onSubmitCapture?: FormEventHandler<HTMLElement>; 
    onSuspend?: ReactEventHandler<HTMLElement>; 
    onSuspendCapture?: ReactEventHandler<HTMLElement>; 
    onTimeUpdate?: ReactEventHandler<HTMLElement>; 
    onTimeUpdateCapture?: ReactEventHandler<HTMLElement>; 
    onTouchCancel?: TouchEventHandler<HTMLElement>; 
    onTouchCancelCapture?: TouchEventHandler<HTMLElement>; 
    onTouchEnd?: TouchEventHandler<HTMLElement>; 
    onTouchEndCapture?: TouchEventHandler<HTMLElement>; 
    onTouchMove?: TouchEventHandler<HTMLElement>; 
    onTouchMoveCapture?: TouchEventHandler<HTMLElement>; 
    onTouchStart?: TouchEventHandler<HTMLElement>; 
    onTouchStartCapture?: TouchEventHandler<HTMLElement>; 
    onTransitionEnd?: TransitionEventHandler<HTMLElement>; 
    onTransitionEndCapture?: TransitionEventHandler<HTMLElement>; 
    onVolumeChange?: ReactEventHandler<HTMLElement>; 
    onVolumeChangeCapture?: ReactEventHandler<HTMLElement>; 
    onWaiting?: ReactEventHandler<HTMLElement>; 
    onWaitingCapture?: ReactEventHandler<HTMLElement>; 
    onWheel?: WheelEventHandler<HTMLElement>; 
    onWheelCapture?: WheelEventHandler<HTMLElement>; 
    open?: boolean; 
    optimum?: number; 
    pattern?: string; 
    placeholder?: string; 
    playsInline?: boolean; 
    poster?: string; 
    prefix?: string; 
    preload?: string; 
    property?: string; 
    radioGroup?: string; 
    readOnly?: boolean; 
    ref?: LegacyRef<HTMLElement>; 
    rel?: string; 
    required?: boolean; 
    resource?: string; 
    results?: number; 
    rev?: string; 
    reversed?: boolean; 
    role?: AriaRole; 
    rowSpan?: number; 
    rows?: number; 
    sandbox?: string; 
    scope?: string; 
    scoped?: boolean; 
    scrolling?: string; 
    seamless?: boolean; 
    security?: string; 
    selected?: boolean; 
    shape?: string; 
    size?: number; 
    sizes?: string; 
    slot?: string; 
    span?: number; 
    spellCheck?: Booleanish; 
    src?: string; 
    srcDoc?: string; 
    srcLang?: string; 
    srcSet?: string; 
    start?: number; 
    step?: string | number; 
    style?: CSSProperties; 
    summary?: string; 
    suppressContentEditableWarning?: boolean; 
    suppressHydrationWarning?: boolean; 
    tabIndex?: number; 
    tag?: keyof IntrinsicElements; 
    target?: string; 
    title?: string; 
    translate?: "yes" | "no"; 
    type?: string; 
    typeof?: string; 
    unselectable?: "on" | "off"; 
    useMap?: string; 
    value?: string | number | readonly string[]; 
    vocab?: string; 
    width?: string | number; 
    wmode?: string; 
    wrap?: string; 
}
Hierarchy
Properties
about?
 accept?
 acceptCharset?
 accessKey?
@@ -487,10 +487,10 @@
 
See
aria-valuetext.

 
Optional aria-valuetext
aria-valuetext?: string
Defines the human readable text alternative of aria-valuenow for a range widget.

 
Optional as
as?: string
Optional async
async?: boolean
Optional autoCapitalize
autoCapitalize?: string
Non-standard Attributes

-
Optional autoComplete
autoComplete?: string
Optional autoCorrect
autoCorrect?: string
Optional autoFocus
autoFocus?: boolean
Optional autoPlay
autoPlay?: boolean
Optional autoSave
autoSave?: string
Optional capture
capture?: boolean | "user" | "environment"
Optional cellPadding
cellPadding?: string | number
Optional cellSpacing
cellSpacing?: string | number
Optional challenge
challenge?: string
Optional charSet
charSet?: string
Optional checked
checked?: boolean
Optional children
children?: ReactNode
Optional cite
cite?: string
Optional classID
classID?: string
Optional className
className?: string
Optional colSpan
colSpan?: number
Optional color
color?: string
Optional cols
cols?: number
Optional content
content?: string
Optional contentEditable
contentEditable?: Booleanish | "inherit" | "plaintext-only"
Optional contextMenu
contextMenu?: string
Optional controls
controls?: boolean
Optional coords
coords?: string
Optional crossOrigin
crossOrigin?: CrossOrigin
Optional dangerouslySetInnerHTML
dangerouslySetInnerHTML?: { 
    __html: string | TrustedHTML; 
}
Type declaration
  • __html: string | TrustedHTML
    Should be InnerHTML['innerHTML'].
+
Optional autoComplete
autoComplete?: string
Optional autoCorrect
autoCorrect?: string
Optional autoFocus
autoFocus?: boolean
Optional autoPlay
autoPlay?: boolean
Optional autoSave
autoSave?: string
Optional capture
capture?: boolean | "user" | "environment"
Optional cellPadding
cellPadding?: string | number
Optional cellSpacing
cellSpacing?: string | number
Optional challenge
challenge?: string
Optional charSet
charSet?: string
Optional checked
checked?: boolean
Optional children
children?: ReactNode
Optional cite
cite?: string
Optional classID
classID?: string
Optional className
className?: string
Optional colSpan
colSpan?: number
Optional color
color?: string
Optional cols
cols?: number
Optional content
content?: string
Optional contentEditable
contentEditable?: Booleanish | "inherit" | "plaintext-only"
Optional contextMenu
contextMenu?: string
Optional controls
controls?: boolean
Optional coords
coords?: string
Optional crossOrigin
crossOrigin?: CrossOrigin
Optional dangerouslySetInnerHTML
dangerouslySetInnerHTML?: { 
    __html: string | TrustedHTML; 
}
Type declaration
  • __html: string | TrustedHTML
    Should be InnerHTML['innerHTML'].
 But unfortunately we're mixing renderer-specific type declarations.
    
 
Optional data
data?: string
Optional datatype
datatype?: string
Optional dateTime
dateTime?: string
Optional default
default?: boolean
Optional defaultChecked
defaultChecked?: boolean
React-specific Attributes

-
Optional defaultValue
defaultValue?: string | number | readonly string[]
Optional defer
defer?: boolean
Optional dir
dir?: string
Optional disabled
disabled?: boolean
Optional download
download?: any
Optional draggable
draggable?: Booleanish
Optional encType
encType?: string
Optional forcedPages
forcedPages?: ForcedPage[]
Optional form
form?: string
Optional formAction
formAction?: string | ((formData) => void)
Type declaration
    • (formData): void
    • Parameters
      • formData: FormData
      Returns void
Optional formEncType
formEncType?: string
Optional formMethod
formMethod?: string
Optional formNoValidate
formNoValidate?: boolean
Optional formTarget
formTarget?: string
Optional frameBorder
frameBorder?: string | number
Optional headers
headers?: string
Optional height
height?: string | number
Optional hidden
hidden?: boolean
Optional high
high?: number
Optional href
href?: string
Optional hrefLang
hrefLang?: string
Optional htmlFor
htmlFor?: string
Optional httpEquiv
httpEquiv?: string
Optional id
id?: string
Optional inlist
inlist?: any
Optional inputMode
inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal"
Hints at the type of data that might be entered by the user while editing the element or its contents

+
Optional defaultValue
defaultValue?: string | number | readonly string[]
Optional defer
defer?: boolean
Optional dir
dir?: string
Optional disabled
disabled?: boolean
Optional download
download?: any
Optional draggable
draggable?: Booleanish
Optional encType
encType?: string
Optional forcedPages
forcedPages?: ForcedPage[]
Optional form
form?: string
Optional formAction
formAction?: string | ((formData) => void)
Type declaration
    • (formData): void
    • Parameters
      • formData: FormData
      Returns void
Optional formEncType
formEncType?: string
Optional formMethod
formMethod?: string
Optional formNoValidate
formNoValidate?: boolean
Optional formTarget
formTarget?: string
Optional frameBorder
frameBorder?: string | number
Optional headers
headers?: string
Optional height
height?: string | number
Optional hidden
hidden?: boolean
Optional high
high?: number
Optional href
href?: string
Optional hrefLang
hrefLang?: string
Optional htmlFor
htmlFor?: string
Optional httpEquiv
httpEquiv?: string
Optional id
id?: string
Optional inlist
inlist?: any
Optional inputMode
inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal"
Hints at the type of data that might be entered by the user while editing the element or its contents

 
See
https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute

 
Optional integrity
integrity?: string
Optional is
is?: string
Specify that a standard HTML element should behave like a defined custom built-in element

 
See
https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is

@@ -516,4 +516,4 @@
 
Optional rel
rel?: string
Optional required
required?: boolean
Optional resource
resource?: string
Optional results
results?: number
Optional rev
rev?: string
Optional reversed
reversed?: boolean
Optional role
role?: AriaRole
WAI-ARIA

 
Optional rowSpan
rowSpan?: number
Optional rows
rows?: number
Optional sandbox
sandbox?: string
Optional scope
scope?: string
Optional scoped
scoped?: boolean
Optional scrolling
scrolling?: string
Optional seamless
seamless?: boolean
Optional security
security?: string
Optional selected
selected?: boolean
Optional shape
shape?: string
Optional size
size?: number
Optional sizes
sizes?: string
Optional slot
slot?: string
Optional span
span?: number
Optional spellCheck
spellCheck?: Booleanish
Optional src
src?: string
Optional srcDoc
srcDoc?: string
Optional srcLang
srcLang?: string
Optional srcSet
srcSet?: string
Optional start
start?: number
Optional step
step?: string | number
Optional style
style?: CSSProperties
Optional summary
summary?: string
Optional suppressContentEditableWarning
suppressContentEditableWarning?: boolean
Optional suppressHydrationWarning
suppressHydrationWarning?: boolean
Optional tabIndex
tabIndex?: number
Optional tag
tag?: keyof IntrinsicElements
Default Value
'div'
 

-
Optional target
target?: string
Optional title
title?: string
Optional translate
translate?: "yes" | "no"
Optional type
type?: string
Optional typeof
typeof?: string
Optional unselectable
unselectable?: "on" | "off"
Optional useMap
useMap?: string
Optional value
value?: string | number | readonly string[]
Optional vocab
vocab?: string
Optional width
width?: string | number
Optional wmode
wmode?: string
Optional wrap
wrap?: string
Settings
Member Visibility
Theme
On This Page
Generated using TypeDoc

\ No newline at end of file
+
Optional target
target?: string
Optional title
title?: string
Optional translate
translate?: "yes" | "no"
Optional type
type?: string
Optional typeof
typeof?: string
Optional unselectable
unselectable?: "on" | "off"
Optional useMap
useMap?: string
Optional value
value?: string | number | readonly string[]
Optional vocab
vocab?: string
Optional width
width?: string | number
Optional wmode
wmode?: string
Optional wrap
wrap?: string
Settings
Member Visibility
Theme
On This Page
Generated using TypeDoc

\ No newline at end of file
diff --git a/docs/interfaces/server_nextjs_server_side_wrapper_server_side_wrapper.ServerSideWrapperProps.html b/docs/interfaces/server_nextjs_server_side_wrapper_server_side_wrapper.ServerSideWrapperProps.html
index aadf4528..1938c9bb 100644
--- a/docs/interfaces/server_nextjs_server_side_wrapper_server_side_wrapper.ServerSideWrapperProps.html
+++ b/docs/interfaces/server_nextjs_server_side_wrapper_server_side_wrapper.ServerSideWrapperProps.html
@@ -1,4 +1,4 @@
-ServerSideWrapperProps | Code Documentation
Interface ServerSideWrapperProps
interface ServerSideWrapperProps { 
    about?: string; 
    accept?: string; 
    acceptCharset?: string; 
    accessKey?: string; 
    action?: string | ((formData) => void); 
    allowFullScreen?: boolean; 
    allowTransparency?: boolean; 
    alt?: string; 
    aria-activedescendant?: string; 
    aria-atomic?: Booleanish; 
    aria-autocomplete?: "list" | "none" | "inline" | "both"; 
    aria-braillelabel?: string; 
    aria-brailleroledescription?: string; 
    aria-busy?: Booleanish; 
    aria-checked?: boolean | "true" | "false" | "mixed"; 
    aria-colcount?: number; 
    aria-colindex?: number; 
    aria-colindextext?: string; 
    aria-colspan?: number; 
    aria-controls?: string; 
    aria-current?: boolean | "time" | "page" | "step" | "true" | "false" | "date" | "location"; 
    aria-describedby?: string; 
    aria-description?: string; 
    aria-details?: string; 
    aria-disabled?: Booleanish; 
    aria-dropeffect?: "link" | "none" | "copy" | "execute" | "move" | "popup"; 
    aria-errormessage?: string; 
    aria-expanded?: Booleanish; 
    aria-flowto?: string; 
    aria-grabbed?: Booleanish; 
    aria-haspopup?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false"; 
    aria-hidden?: Booleanish; 
    aria-invalid?: boolean | "true" | "false" | "grammar" | "spelling"; 
    aria-keyshortcuts?: string; 
    aria-label?: string; 
    aria-labelledby?: string; 
    aria-level?: number; 
    aria-live?: "off" | "assertive" | "polite"; 
    aria-modal?: Booleanish; 
    aria-multiline?: Booleanish; 
    aria-multiselectable?: Booleanish; 
    aria-orientation?: "horizontal" | "vertical"; 
    aria-owns?: string; 
    aria-placeholder?: string; 
    aria-posinset?: number; 
    aria-pressed?: boolean | "true" | "false" | "mixed"; 
    aria-readonly?: Booleanish; 
    aria-relevant?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals"; 
    aria-required?: Booleanish; 
    aria-roledescription?: string; 
    aria-rowcount?: number; 
    aria-rowindex?: number; 
    aria-rowindextext?: string; 
    aria-rowspan?: number; 
    aria-selected?: Booleanish; 
    aria-setsize?: number; 
    aria-sort?: "none" | "ascending" | "descending" | "other"; 
    aria-valuemax?: number; 
    aria-valuemin?: number; 
    aria-valuenow?: number; 
    aria-valuetext?: string; 
    as?: string; 
    async?: boolean; 
    autoCapitalize?: string; 
    autoComplete?: string; 
    autoCorrect?: string; 
    autoFocus?: boolean; 
    autoPlay?: boolean; 
    autoSave?: string; 
    capture?: boolean | "user" | "environment"; 
    cellPadding?: string | number; 
    cellSpacing?: string | number; 
    challenge?: string; 
    charSet?: string; 
    checked?: boolean; 
    children?: ReactNode; 
    cite?: string; 
    classID?: string; 
    className?: string; 
    colSpan?: number; 
    color?: string; 
    cols?: number; 
    content?: string; 
    contentEditable?: Booleanish | "inherit" | "plaintext-only"; 
    contextMenu?: string; 
    controls?: boolean; 
    coords?: string; 
    crossOrigin?: CrossOrigin; 
    dangerouslySetInnerHTML?: { 
        __html: string | TrustedHTML; 
    }; 
    data?: string; 
    datatype?: string; 
    dateTime?: string; 
    default?: boolean; 
    defaultChecked?: boolean; 
    defaultValue?: string | number | readonly string[]; 
    defer?: boolean; 
    dir?: string; 
    disabled?: boolean; 
    download?: any; 
    draggable?: Booleanish; 
    encType?: string; 
    forcedPages?: ForcedPage[]; 
    form?: string; 
    formAction?: string | ((formData) => void); 
    formEncType?: string; 
    formMethod?: string; 
    formNoValidate?: boolean; 
    formTarget?: string; 
    frameBorder?: string | number; 
    headers?: string; 
    height?: string | number; 
    hidden?: boolean; 
    high?: number; 
    href?: string; 
    hrefLang?: string; 
    htmlFor?: string; 
    httpEquiv?: string; 
    id?: string; 
    inlist?: any; 
    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal"; 
    integrity?: string; 
    is?: string; 
    itemID?: string; 
    itemProp?: string; 
    itemRef?: string; 
    itemScope?: boolean; 
    itemType?: string; 
    key?: null | Key; 
    keyParams?: string; 
    keyType?: string; 
    kind?: string; 
    label?: string; 
    lang?: string; 
    list?: string; 
    loop?: boolean; 
    low?: number; 
    manifest?: string; 
    marginHeight?: number; 
    marginWidth?: number; 
    max?: string | number; 
    maxLength?: number; 
    media?: string; 
    mediaGroup?: string; 
    method?: string; 
    min?: string | number; 
    minLength?: number; 
    multiple?: boolean; 
    muted?: boolean; 
    name?: string; 
    noValidate?: boolean; 
    nonce?: string; 
    onAbort?: ReactEventHandler<HTMLElement>; 
    onAbortCapture?: ReactEventHandler<HTMLElement>; 
    onAnimationEnd?: AnimationEventHandler<HTMLElement>; 
    onAnimationEndCapture?: AnimationEventHandler<HTMLElement>; 
    onAnimationIteration?: AnimationEventHandler<HTMLElement>; 
    onAnimationIterationCapture?: AnimationEventHandler<HTMLElement>; 
    onAnimationStart?: AnimationEventHandler<HTMLElement>; 
    onAnimationStartCapture?: AnimationEventHandler<HTMLElement>; 
    onAuxClick?: MouseEventHandler<HTMLElement>; 
    onAuxClickCapture?: MouseEventHandler<HTMLElement>; 
    onBeforeInput?: FormEventHandler<HTMLElement>; 
    onBeforeInputCapture?: FormEventHandler<HTMLElement>; 
    onBlur?: FocusEventHandler<HTMLElement>; 
    onBlurCapture?: FocusEventHandler<HTMLElement>; 
    onCanPlay?: ReactEventHandler<HTMLElement>; 
    onCanPlayCapture?: ReactEventHandler<HTMLElement>; 
    onCanPlayThrough?: ReactEventHandler<HTMLElement>; 
    onCanPlayThroughCapture?: ReactEventHandler<HTMLElement>; 
    onChange?: FormEventHandler<HTMLElement>; 
    onChangeCapture?: FormEventHandler<HTMLElement>; 
    onClick?: MouseEventHandler<HTMLElement>; 
    onClickCapture?: MouseEventHandler<HTMLElement>; 
    onCompositionEnd?: CompositionEventHandler<HTMLElement>; 
    onCompositionEndCapture?: CompositionEventHandler<HTMLElement>; 
    onCompositionStart?: CompositionEventHandler<HTMLElement>; 
    onCompositionStartCapture?: CompositionEventHandler<HTMLElement>; 
    onCompositionUpdate?: CompositionEventHandler<HTMLElement>; 
    onCompositionUpdateCapture?: CompositionEventHandler<HTMLElement>; 
    onContextMenu?: MouseEventHandler<HTMLElement>; 
    onContextMenuCapture?: MouseEventHandler<HTMLElement>; 
    onCopy?: ClipboardEventHandler<HTMLElement>; 
    onCopyCapture?: ClipboardEventHandler<HTMLElement>; 
    onCut?: ClipboardEventHandler<HTMLElement>; 
    onCutCapture?: ClipboardEventHandler<HTMLElement>; 
    onDoubleClick?: MouseEventHandler<HTMLElement>; 
    onDoubleClickCapture?: MouseEventHandler<HTMLElement>; 
    onDrag?: DragEventHandler<HTMLElement>; 
    onDragCapture?: DragEventHandler<HTMLElement>; 
    onDragEnd?: DragEventHandler<HTMLElement>; 
    onDragEndCapture?: DragEventHandler<HTMLElement>; 
    onDragEnter?: DragEventHandler<HTMLElement>; 
    onDragEnterCapture?: DragEventHandler<HTMLElement>; 
    onDragExit?: DragEventHandler<HTMLElement>; 
    onDragExitCapture?: DragEventHandler<HTMLElement>; 
    onDragLeave?: DragEventHandler<HTMLElement>; 
    onDragLeaveCapture?: DragEventHandler<HTMLElement>; 
    onDragOver?: DragEventHandler<HTMLElement>; 
    onDragOverCapture?: DragEventHandler<HTMLElement>; 
    onDragStart?: DragEventHandler<HTMLElement>; 
    onDragStartCapture?: DragEventHandler<HTMLElement>; 
    onDrop?: DragEventHandler<HTMLElement>; 
    onDropCapture?: DragEventHandler<HTMLElement>; 
    onDurationChange?: ReactEventHandler<HTMLElement>; 
    onDurationChangeCapture?: ReactEventHandler<HTMLElement>; 
    onEmptied?: ReactEventHandler<HTMLElement>; 
    onEmptiedCapture?: ReactEventHandler<HTMLElement>; 
    onEncrypted?: ReactEventHandler<HTMLElement>; 
    onEncryptedCapture?: ReactEventHandler<HTMLElement>; 
    onEnded?: ReactEventHandler<HTMLElement>; 
    onEndedCapture?: ReactEventHandler<HTMLElement>; 
    onError?: ReactEventHandler<HTMLElement>; 
    onErrorCapture?: ReactEventHandler<HTMLElement>; 
    onFocus?: FocusEventHandler<HTMLElement>; 
    onFocusCapture?: FocusEventHandler<HTMLElement>; 
    onGotPointerCapture?: PointerEventHandler<HTMLElement>; 
    onGotPointerCaptureCapture?: PointerEventHandler<HTMLElement>; 
    onInput?: FormEventHandler<HTMLElement>; 
    onInputCapture?: FormEventHandler<HTMLElement>; 
    onInvalid?: FormEventHandler<HTMLElement>; 
    onInvalidCapture?: FormEventHandler<HTMLElement>; 
    onKeyDown?: KeyboardEventHandler<HTMLElement>; 
    onKeyDownCapture?: KeyboardEventHandler<HTMLElement>; 
    onKeyPress?: KeyboardEventHandler<HTMLElement>; 
    onKeyPressCapture?: KeyboardEventHandler<HTMLElement>; 
    onKeyUp?: KeyboardEventHandler<HTMLElement>; 
    onKeyUpCapture?: KeyboardEventHandler<HTMLElement>; 
    onLoad?: ReactEventHandler<HTMLElement>; 
    onLoadCapture?: ReactEventHandler<HTMLElement>; 
    onLoadStart?: ReactEventHandler<HTMLElement>; 
    onLoadStartCapture?: ReactEventHandler<HTMLElement>; 
    onLoadedData?: ReactEventHandler<HTMLElement>; 
    onLoadedDataCapture?: ReactEventHandler<HTMLElement>; 
    onLoadedMetadata?: ReactEventHandler<HTMLElement>; 
    onLoadedMetadataCapture?: ReactEventHandler<HTMLElement>; 
    onLostPointerCapture?: PointerEventHandler<HTMLElement>; 
    onLostPointerCaptureCapture?: PointerEventHandler<HTMLElement>; 
    onMouseDown?: MouseEventHandler<HTMLElement>; 
    onMouseDownCapture?: MouseEventHandler<HTMLElement>; 
    onMouseEnter?: MouseEventHandler<HTMLElement>; 
    onMouseLeave?: MouseEventHandler<HTMLElement>; 
    onMouseMove?: MouseEventHandler<HTMLElement>; 
    onMouseMoveCapture?: MouseEventHandler<HTMLElement>; 
    onMouseOut?: MouseEventHandler<HTMLElement>; 
    onMouseOutCapture?: MouseEventHandler<HTMLElement>; 
    onMouseOver?: MouseEventHandler<HTMLElement>; 
    onMouseOverCapture?: MouseEventHandler<HTMLElement>; 
    onMouseUp?: MouseEventHandler<HTMLElement>; 
    onMouseUpCapture?: MouseEventHandler<HTMLElement>; 
    onPaste?: ClipboardEventHandler<HTMLElement>; 
    onPasteCapture?: ClipboardEventHandler<HTMLElement>; 
    onPause?: ReactEventHandler<HTMLElement>; 
    onPauseCapture?: ReactEventHandler<HTMLElement>; 
    onPlay?: ReactEventHandler<HTMLElement>; 
    onPlayCapture?: ReactEventHandler<HTMLElement>; 
    onPlaying?: ReactEventHandler<HTMLElement>; 
    onPlayingCapture?: ReactEventHandler<HTMLElement>; 
    onPointerCancel?: PointerEventHandler<HTMLElement>; 
    onPointerCancelCapture?: PointerEventHandler<HTMLElement>; 
    onPointerDown?: PointerEventHandler<HTMLElement>; 
    onPointerDownCapture?: PointerEventHandler<HTMLElement>; 
    onPointerEnter?: PointerEventHandler<HTMLElement>; 
    onPointerEnterCapture?: PointerEventHandler<HTMLElement>; 
    onPointerLeave?: PointerEventHandler<HTMLElement>; 
    onPointerLeaveCapture?: PointerEventHandler<HTMLElement>; 
    onPointerMove?: PointerEventHandler<HTMLElement>; 
    onPointerMoveCapture?: PointerEventHandler<HTMLElement>; 
    onPointerOut?: PointerEventHandler<HTMLElement>; 
    onPointerOutCapture?: PointerEventHandler<HTMLElement>; 
    onPointerOver?: PointerEventHandler<HTMLElement>; 
    onPointerOverCapture?: PointerEventHandler<HTMLElement>; 
    onPointerUp?: PointerEventHandler<HTMLElement>; 
    onPointerUpCapture?: PointerEventHandler<HTMLElement>; 
    onProgress?: ReactEventHandler<HTMLElement>; 
    onProgressCapture?: ReactEventHandler<HTMLElement>; 
    onRateChange?: ReactEventHandler<HTMLElement>; 
    onRateChangeCapture?: ReactEventHandler<HTMLElement>; 
    onReset?: FormEventHandler<HTMLElement>; 
    onResetCapture?: FormEventHandler<HTMLElement>; 
    onResize?: ReactEventHandler<HTMLElement>; 
    onResizeCapture?: ReactEventHandler<HTMLElement>; 
    onScroll?: UIEventHandler<HTMLElement>; 
    onScrollCapture?: UIEventHandler<HTMLElement>; 
    onSeeked?: ReactEventHandler<HTMLElement>; 
    onSeekedCapture?: ReactEventHandler<HTMLElement>; 
    onSeeking?: ReactEventHandler<HTMLElement>; 
    onSeekingCapture?: ReactEventHandler<HTMLElement>; 
    onSelect?: ReactEventHandler<HTMLElement>; 
    onSelectCapture?: ReactEventHandler<HTMLElement>; 
    onStalled?: ReactEventHandler<HTMLElement>; 
    onStalledCapture?: ReactEventHandler<HTMLElement>; 
    onSubmit?: FormEventHandler<HTMLElement>; 
    onSubmitCapture?: FormEventHandler<HTMLElement>; 
    onSuspend?: ReactEventHandler<HTMLElement>; 
    onSuspendCapture?: ReactEventHandler<HTMLElement>; 
    onTimeUpdate?: ReactEventHandler<HTMLElement>; 
    onTimeUpdateCapture?: ReactEventHandler<HTMLElement>; 
    onTouchCancel?: TouchEventHandler<HTMLElement>; 
    onTouchCancelCapture?: TouchEventHandler<HTMLElement>; 
    onTouchEnd?: TouchEventHandler<HTMLElement>; 
    onTouchEndCapture?: TouchEventHandler<HTMLElement>; 
    onTouchMove?: TouchEventHandler<HTMLElement>; 
    onTouchMoveCapture?: TouchEventHandler<HTMLElement>; 
    onTouchStart?: TouchEventHandler<HTMLElement>; 
    onTouchStartCapture?: TouchEventHandler<HTMLElement>; 
    onTransitionEnd?: TransitionEventHandler<HTMLElement>; 
    onTransitionEndCapture?: TransitionEventHandler<HTMLElement>; 
    onVolumeChange?: ReactEventHandler<HTMLElement>; 
    onVolumeChangeCapture?: ReactEventHandler<HTMLElement>; 
    onWaiting?: ReactEventHandler<HTMLElement>; 
    onWaitingCapture?: ReactEventHandler<HTMLElement>; 
    onWheel?: WheelEventHandler<HTMLElement>; 
    onWheelCapture?: WheelEventHandler<HTMLElement>; 
    open?: boolean; 
    optimum?: number; 
    pattern?: string; 
    placeholder?: string; 
    playsInline?: boolean; 
    poster?: string; 
    prefix?: string; 
    preload?: string; 
    property?: string; 
    radioGroup?: string; 
    readOnly?: boolean; 
    ref?: LegacyRef<HTMLElement>; 
    rel?: string; 
    required?: boolean; 
    resource?: string; 
    results?: number; 
    rev?: string; 
    reversed?: boolean; 
    role?: AriaRole; 
    rowSpan?: number; 
    rows?: number; 
    sandbox?: string; 
    scope?: string; 
    scoped?: boolean; 
    scrolling?: string; 
    seamless?: boolean; 
    security?: string; 
    selected?: boolean; 
    shape?: string; 
    size?: number; 
    sizes?: string; 
    slot?: string; 
    span?: number; 
    spellCheck?: Booleanish; 
    src?: string; 
    srcDoc?: string; 
    srcLang?: string; 
    srcSet?: string; 
    start?: number; 
    step?: string | number; 
    style?: CSSProperties; 
    summary?: string; 
    suppressContentEditableWarning?: boolean; 
    suppressHydrationWarning?: boolean; 
    tabIndex?: number; 
    tag?: keyof IntrinsicElements; 
    target?: string; 
    title?: string; 
    translate?: "yes" | "no"; 
    type?: string; 
    typeof?: string; 
    unselectable?: "on" | "off"; 
    useMap?: string; 
    value?: string | number | readonly string[]; 
    vocab?: string; 
    width?: string | number; 
    wmode?: string; 
    wrap?: string; 
}
Hierarchy
Properties
about?
+ServerSideWrapperProps | Code Documentation
Interface ServerSideWrapperProps
interface ServerSideWrapperProps { 
    about?: string; 
    accept?: string; 
    acceptCharset?: string; 
    accessKey?: string; 
    action?: string | ((formData) => void); 
    allowFullScreen?: boolean; 
    allowTransparency?: boolean; 
    alt?: string; 
    aria-activedescendant?: string; 
    aria-atomic?: Booleanish; 
    aria-autocomplete?: "list" | "none" | "inline" | "both"; 
    aria-braillelabel?: string; 
    aria-brailleroledescription?: string; 
    aria-busy?: Booleanish; 
    aria-checked?: boolean | "true" | "false" | "mixed"; 
    aria-colcount?: number; 
    aria-colindex?: number; 
    aria-colindextext?: string; 
    aria-colspan?: number; 
    aria-controls?: string; 
    aria-current?: boolean | "time" | "page" | "step" | "true" | "false" | "date" | "location"; 
    aria-describedby?: string; 
    aria-description?: string; 
    aria-details?: string; 
    aria-disabled?: Booleanish; 
    aria-dropeffect?: "link" | "none" | "copy" | "execute" | "move" | "popup"; 
    aria-errormessage?: string; 
    aria-expanded?: Booleanish; 
    aria-flowto?: string; 
    aria-grabbed?: Booleanish; 
    aria-haspopup?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false"; 
    aria-hidden?: Booleanish; 
    aria-invalid?: boolean | "true" | "false" | "grammar" | "spelling"; 
    aria-keyshortcuts?: string; 
    aria-label?: string; 
    aria-labelledby?: string; 
    aria-level?: number; 
    aria-live?: "off" | "assertive" | "polite"; 
    aria-modal?: Booleanish; 
    aria-multiline?: Booleanish; 
    aria-multiselectable?: Booleanish; 
    aria-orientation?: "horizontal" | "vertical"; 
    aria-owns?: string; 
    aria-placeholder?: string; 
    aria-posinset?: number; 
    aria-pressed?: boolean | "true" | "false" | "mixed"; 
    aria-readonly?: Booleanish; 
    aria-relevant?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals"; 
    aria-required?: Booleanish; 
    aria-roledescription?: string; 
    aria-rowcount?: number; 
    aria-rowindex?: number; 
    aria-rowindextext?: string; 
    aria-rowspan?: number; 
    aria-selected?: Booleanish; 
    aria-setsize?: number; 
    aria-sort?: "none" | "ascending" | "descending" | "other"; 
    aria-valuemax?: number; 
    aria-valuemin?: number; 
    aria-valuenow?: number; 
    aria-valuetext?: string; 
    as?: string; 
    async?: boolean; 
    autoCapitalize?: string; 
    autoComplete?: string; 
    autoCorrect?: string; 
    autoFocus?: boolean; 
    autoPlay?: boolean; 
    autoSave?: string; 
    capture?: boolean | "user" | "environment"; 
    cellPadding?: string | number; 
    cellSpacing?: string | number; 
    challenge?: string; 
    charSet?: string; 
    checked?: boolean; 
    children?: ReactNode; 
    cite?: string; 
    classID?: string; 
    className?: string; 
    colSpan?: number; 
    color?: string; 
    cols?: number; 
    content?: string; 
    contentEditable?: Booleanish | "inherit" | "plaintext-only"; 
    contextMenu?: string; 
    controls?: boolean; 
    coords?: string; 
    crossOrigin?: CrossOrigin; 
    dangerouslySetInnerHTML?: { 
        __html: string | TrustedHTML; 
    }; 
    data?: string; 
    datatype?: string; 
    dateTime?: string; 
    default?: boolean; 
    defaultChecked?: boolean; 
    defaultValue?: string | number | readonly string[]; 
    defer?: boolean; 
    dir?: string; 
    disabled?: boolean; 
    download?: any; 
    draggable?: Booleanish; 
    encType?: string; 
    forcedPages?: ForcedPage[]; 
    form?: string; 
    formAction?: string | ((formData) => void); 
    formEncType?: string; 
    formMethod?: string; 
    formNoValidate?: boolean; 
    formTarget?: string; 
    frameBorder?: string | number; 
    headers?: string; 
    height?: string | number; 
    hidden?: boolean; 
    high?: number; 
    href?: string; 
    hrefLang?: string; 
    htmlFor?: string; 
    httpEquiv?: string; 
    id?: string; 
    inlist?: any; 
    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal"; 
    integrity?: string; 
    is?: string; 
    itemID?: string; 
    itemProp?: string; 
    itemRef?: string; 
    itemScope?: boolean; 
    itemType?: string; 
    key?: null | Key; 
    keyParams?: string; 
    keyType?: string; 
    kind?: string; 
    label?: string; 
    lang?: string; 
    list?: string; 
    loop?: boolean; 
    low?: number; 
    manifest?: string; 
    marginHeight?: number; 
    marginWidth?: number; 
    max?: string | number; 
    maxLength?: number; 
    media?: string; 
    mediaGroup?: string; 
    method?: string; 
    min?: string | number; 
    minLength?: number; 
    multiple?: boolean; 
    muted?: boolean; 
    name?: string; 
    noValidate?: boolean; 
    nonce?: string; 
    onAbort?: ReactEventHandler<HTMLElement>; 
    onAbortCapture?: ReactEventHandler<HTMLElement>; 
    onAnimationEnd?: AnimationEventHandler<HTMLElement>; 
    onAnimationEndCapture?: AnimationEventHandler<HTMLElement>; 
    onAnimationIteration?: AnimationEventHandler<HTMLElement>; 
    onAnimationIterationCapture?: AnimationEventHandler<HTMLElement>; 
    onAnimationStart?: AnimationEventHandler<HTMLElement>; 
    onAnimationStartCapture?: AnimationEventHandler<HTMLElement>; 
    onAuxClick?: MouseEventHandler<HTMLElement>; 
    onAuxClickCapture?: MouseEventHandler<HTMLElement>; 
    onBeforeInput?: FormEventHandler<HTMLElement>; 
    onBeforeInputCapture?: FormEventHandler<HTMLElement>; 
    onBlur?: FocusEventHandler<HTMLElement>; 
    onBlurCapture?: FocusEventHandler<HTMLElement>; 
    onCanPlay?: ReactEventHandler<HTMLElement>; 
    onCanPlayCapture?: ReactEventHandler<HTMLElement>; 
    onCanPlayThrough?: ReactEventHandler<HTMLElement>; 
    onCanPlayThroughCapture?: ReactEventHandler<HTMLElement>; 
    onChange?: FormEventHandler<HTMLElement>; 
    onChangeCapture?: FormEventHandler<HTMLElement>; 
    onClick?: MouseEventHandler<HTMLElement>; 
    onClickCapture?: MouseEventHandler<HTMLElement>; 
    onCompositionEnd?: CompositionEventHandler<HTMLElement>; 
    onCompositionEndCapture?: CompositionEventHandler<HTMLElement>; 
    onCompositionStart?: CompositionEventHandler<HTMLElement>; 
    onCompositionStartCapture?: CompositionEventHandler<HTMLElement>; 
    onCompositionUpdate?: CompositionEventHandler<HTMLElement>; 
    onCompositionUpdateCapture?: CompositionEventHandler<HTMLElement>; 
    onContextMenu?: MouseEventHandler<HTMLElement>; 
    onContextMenuCapture?: MouseEventHandler<HTMLElement>; 
    onCopy?: ClipboardEventHandler<HTMLElement>; 
    onCopyCapture?: ClipboardEventHandler<HTMLElement>; 
    onCut?: ClipboardEventHandler<HTMLElement>; 
    onCutCapture?: ClipboardEventHandler<HTMLElement>; 
    onDoubleClick?: MouseEventHandler<HTMLElement>; 
    onDoubleClickCapture?: MouseEventHandler<HTMLElement>; 
    onDrag?: DragEventHandler<HTMLElement>; 
    onDragCapture?: DragEventHandler<HTMLElement>; 
    onDragEnd?: DragEventHandler<HTMLElement>; 
    onDragEndCapture?: DragEventHandler<HTMLElement>; 
    onDragEnter?: DragEventHandler<HTMLElement>; 
    onDragEnterCapture?: DragEventHandler<HTMLElement>; 
    onDragExit?: DragEventHandler<HTMLElement>; 
    onDragExitCapture?: DragEventHandler<HTMLElement>; 
    onDragLeave?: DragEventHandler<HTMLElement>; 
    onDragLeaveCapture?: DragEventHandler<HTMLElement>; 
    onDragOver?: DragEventHandler<HTMLElement>; 
    onDragOverCapture?: DragEventHandler<HTMLElement>; 
    onDragStart?: DragEventHandler<HTMLElement>; 
    onDragStartCapture?: DragEventHandler<HTMLElement>; 
    onDrop?: DragEventHandler<HTMLElement>; 
    onDropCapture?: DragEventHandler<HTMLElement>; 
    onDurationChange?: ReactEventHandler<HTMLElement>; 
    onDurationChangeCapture?: ReactEventHandler<HTMLElement>; 
    onEmptied?: ReactEventHandler<HTMLElement>; 
    onEmptiedCapture?: ReactEventHandler<HTMLElement>; 
    onEncrypted?: ReactEventHandler<HTMLElement>; 
    onEncryptedCapture?: ReactEventHandler<HTMLElement>; 
    onEnded?: ReactEventHandler<HTMLElement>; 
    onEndedCapture?: ReactEventHandler<HTMLElement>; 
    onError?: ReactEventHandler<HTMLElement>; 
    onErrorCapture?: ReactEventHandler<HTMLElement>; 
    onFocus?: FocusEventHandler<HTMLElement>; 
    onFocusCapture?: FocusEventHandler<HTMLElement>; 
    onGotPointerCapture?: PointerEventHandler<HTMLElement>; 
    onGotPointerCaptureCapture?: PointerEventHandler<HTMLElement>; 
    onInput?: FormEventHandler<HTMLElement>; 
    onInputCapture?: FormEventHandler<HTMLElement>; 
    onInvalid?: FormEventHandler<HTMLElement>; 
    onInvalidCapture?: FormEventHandler<HTMLElement>; 
    onKeyDown?: KeyboardEventHandler<HTMLElement>; 
    onKeyDownCapture?: KeyboardEventHandler<HTMLElement>; 
    onKeyPress?: KeyboardEventHandler<HTMLElement>; 
    onKeyPressCapture?: KeyboardEventHandler<HTMLElement>; 
    onKeyUp?: KeyboardEventHandler<HTMLElement>; 
    onKeyUpCapture?: KeyboardEventHandler<HTMLElement>; 
    onLoad?: ReactEventHandler<HTMLElement>; 
    onLoadCapture?: ReactEventHandler<HTMLElement>; 
    onLoadStart?: ReactEventHandler<HTMLElement>; 
    onLoadStartCapture?: ReactEventHandler<HTMLElement>; 
    onLoadedData?: ReactEventHandler<HTMLElement>; 
    onLoadedDataCapture?: ReactEventHandler<HTMLElement>; 
    onLoadedMetadata?: ReactEventHandler<HTMLElement>; 
    onLoadedMetadataCapture?: ReactEventHandler<HTMLElement>; 
    onLostPointerCapture?: PointerEventHandler<HTMLElement>; 
    onLostPointerCaptureCapture?: PointerEventHandler<HTMLElement>; 
    onMouseDown?: MouseEventHandler<HTMLElement>; 
    onMouseDownCapture?: MouseEventHandler<HTMLElement>; 
    onMouseEnter?: MouseEventHandler<HTMLElement>; 
    onMouseLeave?: MouseEventHandler<HTMLElement>; 
    onMouseMove?: MouseEventHandler<HTMLElement>; 
    onMouseMoveCapture?: MouseEventHandler<HTMLElement>; 
    onMouseOut?: MouseEventHandler<HTMLElement>; 
    onMouseOutCapture?: MouseEventHandler<HTMLElement>; 
    onMouseOver?: MouseEventHandler<HTMLElement>; 
    onMouseOverCapture?: MouseEventHandler<HTMLElement>; 
    onMouseUp?: MouseEventHandler<HTMLElement>; 
    onMouseUpCapture?: MouseEventHandler<HTMLElement>; 
    onPaste?: ClipboardEventHandler<HTMLElement>; 
    onPasteCapture?: ClipboardEventHandler<HTMLElement>; 
    onPause?: ReactEventHandler<HTMLElement>; 
    onPauseCapture?: ReactEventHandler<HTMLElement>; 
    onPlay?: ReactEventHandler<HTMLElement>; 
    onPlayCapture?: ReactEventHandler<HTMLElement>; 
    onPlaying?: ReactEventHandler<HTMLElement>; 
    onPlayingCapture?: ReactEventHandler<HTMLElement>; 
    onPointerCancel?: PointerEventHandler<HTMLElement>; 
    onPointerCancelCapture?: PointerEventHandler<HTMLElement>; 
    onPointerDown?: PointerEventHandler<HTMLElement>; 
    onPointerDownCapture?: PointerEventHandler<HTMLElement>; 
    onPointerEnter?: PointerEventHandler<HTMLElement>; 
    onPointerEnterCapture?: PointerEventHandler<HTMLElement>; 
    onPointerLeave?: PointerEventHandler<HTMLElement>; 
    onPointerLeaveCapture?: PointerEventHandler<HTMLElement>; 
    onPointerMove?: PointerEventHandler<HTMLElement>; 
    onPointerMoveCapture?: PointerEventHandler<HTMLElement>; 
    onPointerOut?: PointerEventHandler<HTMLElement>; 
    onPointerOutCapture?: PointerEventHandler<HTMLElement>; 
    onPointerOver?: PointerEventHandler<HTMLElement>; 
    onPointerOverCapture?: PointerEventHandler<HTMLElement>; 
    onPointerUp?: PointerEventHandler<HTMLElement>; 
    onPointerUpCapture?: PointerEventHandler<HTMLElement>; 
    onProgress?: ReactEventHandler<HTMLElement>; 
    onProgressCapture?: ReactEventHandler<HTMLElement>; 
    onRateChange?: ReactEventHandler<HTMLElement>; 
    onRateChangeCapture?: ReactEventHandler<HTMLElement>; 
    onReset?: FormEventHandler<HTMLElement>; 
    onResetCapture?: FormEventHandler<HTMLElement>; 
    onResize?: ReactEventHandler<HTMLElement>; 
    onResizeCapture?: ReactEventHandler<HTMLElement>; 
    onScroll?: UIEventHandler<HTMLElement>; 
    onScrollCapture?: UIEventHandler<HTMLElement>; 
    onSeeked?: ReactEventHandler<HTMLElement>; 
    onSeekedCapture?: ReactEventHandler<HTMLElement>; 
    onSeeking?: ReactEventHandler<HTMLElement>; 
    onSeekingCapture?: ReactEventHandler<HTMLElement>; 
    onSelect?: ReactEventHandler<HTMLElement>; 
    onSelectCapture?: ReactEventHandler<HTMLElement>; 
    onStalled?: ReactEventHandler<HTMLElement>; 
    onStalledCapture?: ReactEventHandler<HTMLElement>; 
    onSubmit?: FormEventHandler<HTMLElement>; 
    onSubmitCapture?: FormEventHandler<HTMLElement>; 
    onSuspend?: ReactEventHandler<HTMLElement>; 
    onSuspendCapture?: ReactEventHandler<HTMLElement>; 
    onTimeUpdate?: ReactEventHandler<HTMLElement>; 
    onTimeUpdateCapture?: ReactEventHandler<HTMLElement>; 
    onTouchCancel?: TouchEventHandler<HTMLElement>; 
    onTouchCancelCapture?: TouchEventHandler<HTMLElement>; 
    onTouchEnd?: TouchEventHandler<HTMLElement>; 
    onTouchEndCapture?: TouchEventHandler<HTMLElement>; 
    onTouchMove?: TouchEventHandler<HTMLElement>; 
    onTouchMoveCapture?: TouchEventHandler<HTMLElement>; 
    onTouchStart?: TouchEventHandler<HTMLElement>; 
    onTouchStartCapture?: TouchEventHandler<HTMLElement>; 
    onTransitionEnd?: TransitionEventHandler<HTMLElement>; 
    onTransitionEndCapture?: TransitionEventHandler<HTMLElement>; 
    onVolumeChange?: ReactEventHandler<HTMLElement>; 
    onVolumeChangeCapture?: ReactEventHandler<HTMLElement>; 
    onWaiting?: ReactEventHandler<HTMLElement>; 
    onWaitingCapture?: ReactEventHandler<HTMLElement>; 
    onWheel?: WheelEventHandler<HTMLElement>; 
    onWheelCapture?: WheelEventHandler<HTMLElement>; 
    open?: boolean; 
    optimum?: number; 
    pattern?: string; 
    placeholder?: string; 
    playsInline?: boolean; 
    poster?: string; 
    prefix?: string; 
    preload?: string; 
    property?: string; 
    radioGroup?: string; 
    readOnly?: boolean; 
    ref?: LegacyRef<HTMLElement>; 
    rel?: string; 
    required?: boolean; 
    resource?: string; 
    results?: number; 
    rev?: string; 
    reversed?: boolean; 
    role?: AriaRole; 
    rowSpan?: number; 
    rows?: number; 
    sandbox?: string; 
    scope?: string; 
    scoped?: boolean; 
    scrolling?: string; 
    seamless?: boolean; 
    security?: string; 
    selected?: boolean; 
    shape?: string; 
    size?: number; 
    sizes?: string; 
    slot?: string; 
    span?: number; 
    spellCheck?: Booleanish; 
    src?: string; 
    srcDoc?: string; 
    srcLang?: string; 
    srcSet?: string; 
    start?: number; 
    step?: string | number; 
    style?: CSSProperties; 
    summary?: string; 
    suppressContentEditableWarning?: boolean; 
    suppressHydrationWarning?: boolean; 
    tabIndex?: number; 
    tag?: keyof IntrinsicElements; 
    target?: string; 
    title?: string; 
    translate?: "yes" | "no"; 
    type?: string; 
    typeof?: string; 
    unselectable?: "on" | "off"; 
    useMap?: string; 
    value?: string | number | readonly string[]; 
    vocab?: string; 
    width?: string | number; 
    wmode?: string; 
    wrap?: string; 
}
Hierarchy
Properties
about?
 accept?
 acceptCharset?
 accessKey?
@@ -487,10 +487,10 @@
 
See
aria-valuetext.

 
Optional aria-valuetext
aria-valuetext?: string
Defines the human readable text alternative of aria-valuenow for a range widget.

 
Optional as
as?: string
Optional async
async?: boolean
Optional autoCapitalize
autoCapitalize?: string
Non-standard Attributes

-
Optional autoComplete
autoComplete?: string
Optional autoCorrect
autoCorrect?: string
Optional autoFocus
autoFocus?: boolean
Optional autoPlay
autoPlay?: boolean
Optional autoSave
autoSave?: string
Optional capture
capture?: boolean | "user" | "environment"
Optional cellPadding
cellPadding?: string | number
Optional cellSpacing
cellSpacing?: string | number
Optional challenge
challenge?: string
Optional charSet
charSet?: string
Optional checked
checked?: boolean
Optional children
children?: ReactNode
Optional cite
cite?: string
Optional classID
classID?: string
Optional className
className?: string
Optional colSpan
colSpan?: number
Optional color
color?: string
Optional cols
cols?: number
Optional content
content?: string
Optional contentEditable
contentEditable?: Booleanish | "inherit" | "plaintext-only"
Optional contextMenu
contextMenu?: string
Optional controls
controls?: boolean
Optional coords
coords?: string
Optional crossOrigin
crossOrigin?: CrossOrigin
Optional dangerouslySetInnerHTML
dangerouslySetInnerHTML?: { 
    __html: string | TrustedHTML; 
}
Type declaration
  • __html: string | TrustedHTML
    Should be InnerHTML['innerHTML'].
+
Optional autoComplete
autoComplete?: string
Optional autoCorrect
autoCorrect?: string
Optional autoFocus
autoFocus?: boolean
Optional autoPlay
autoPlay?: boolean
Optional autoSave
autoSave?: string
Optional capture
capture?: boolean | "user" | "environment"
Optional cellPadding
cellPadding?: string | number
Optional cellSpacing
cellSpacing?: string | number
Optional challenge
challenge?: string
Optional charSet
charSet?: string
Optional checked
checked?: boolean
Optional children
children?: ReactNode
Optional cite
cite?: string
Optional classID
classID?: string
Optional className
className?: string
Optional colSpan
colSpan?: number
Optional color
color?: string
Optional cols
cols?: number
Optional content
content?: string
Optional contentEditable
contentEditable?: Booleanish | "inherit" | "plaintext-only"
Optional contextMenu
contextMenu?: string
Optional controls
controls?: boolean
Optional coords
coords?: string
Optional crossOrigin
crossOrigin?: CrossOrigin
Optional dangerouslySetInnerHTML
dangerouslySetInnerHTML?: { 
    __html: string | TrustedHTML; 
}
Type declaration
  • __html: string | TrustedHTML
    Should be InnerHTML['innerHTML'].
 But unfortunately we're mixing renderer-specific type declarations.
    
 
Optional data
data?: string
Optional datatype
datatype?: string
Optional dateTime
dateTime?: string
Optional default
default?: boolean
Optional defaultChecked
defaultChecked?: boolean
React-specific Attributes

-
Optional defaultValue
defaultValue?: string | number | readonly string[]
Optional defer
defer?: boolean
Optional dir
dir?: string
Optional disabled
disabled?: boolean
Optional download
download?: any
Optional draggable
draggable?: Booleanish
Optional encType
encType?: string
Optional forcedPages
forcedPages?: ForcedPage[]
Optional form
form?: string
Optional formAction
formAction?: string | ((formData) => void)
Type declaration
    • (formData): void
    • Parameters
      • formData: FormData
      Returns void
Optional formEncType
formEncType?: string
Optional formMethod
formMethod?: string
Optional formNoValidate
formNoValidate?: boolean
Optional formTarget
formTarget?: string
Optional frameBorder
frameBorder?: string | number
Optional headers
headers?: string
Optional height
height?: string | number
Optional hidden
hidden?: boolean
Optional high
high?: number
Optional href
href?: string
Optional hrefLang
hrefLang?: string
Optional htmlFor
htmlFor?: string
Optional httpEquiv
httpEquiv?: string
Optional id
id?: string
Optional inlist
inlist?: any
Optional inputMode
inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal"
Hints at the type of data that might be entered by the user while editing the element or its contents

+
Optional defaultValue
defaultValue?: string | number | readonly string[]
Optional defer
defer?: boolean
Optional dir
dir?: string
Optional disabled
disabled?: boolean
Optional download
download?: any
Optional draggable
draggable?: Booleanish
Optional encType
encType?: string
Optional forcedPages
forcedPages?: ForcedPage[]
Optional form
form?: string
Optional formAction
formAction?: string | ((formData) => void)
Type declaration
    • (formData): void
    • Parameters
      • formData: FormData
      Returns void
Optional formEncType
formEncType?: string
Optional formMethod
formMethod?: string
Optional formNoValidate
formNoValidate?: boolean
Optional formTarget
formTarget?: string
Optional frameBorder
frameBorder?: string | number
Optional headers
headers?: string
Optional height
height?: string | number
Optional hidden
hidden?: boolean
Optional high
high?: number
Optional href
href?: string
Optional hrefLang
hrefLang?: string
Optional htmlFor
htmlFor?: string
Optional httpEquiv
httpEquiv?: string
Optional id
id?: string
Optional inlist
inlist?: any
Optional inputMode
inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal"
Hints at the type of data that might be entered by the user while editing the element or its contents

 
See
https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute

 
Optional integrity
integrity?: string
Optional is
is?: string
Specify that a standard HTML element should behave like a defined custom built-in element

 
See
https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is

@@ -516,4 +516,4 @@
 
Optional rel
rel?: string
Optional required
required?: boolean
Optional resource
resource?: string
Optional results
results?: number
Optional rev
rev?: string
Optional reversed
reversed?: boolean
Optional role
role?: AriaRole
WAI-ARIA

 
Optional rowSpan
rowSpan?: number
Optional rows
rows?: number
Optional sandbox
sandbox?: string
Optional scope
scope?: string
Optional scoped
scoped?: boolean
Optional scrolling
scrolling?: string
Optional seamless
seamless?: boolean
Optional security
security?: string
Optional selected
selected?: boolean
Optional shape
shape?: string
Optional size
size?: number
Optional sizes
sizes?: string
Optional slot
slot?: string
Optional span
span?: number
Optional spellCheck
spellCheck?: Booleanish
Optional src
src?: string
Optional srcDoc
srcDoc?: string
Optional srcLang
srcLang?: string
Optional srcSet
srcSet?: string
Optional start
start?: number
Optional step
step?: string | number
Optional style
style?: CSSProperties
Optional summary
summary?: string
Optional suppressContentEditableWarning
suppressContentEditableWarning?: boolean
Optional suppressHydrationWarning
suppressHydrationWarning?: boolean
Optional tabIndex
tabIndex?: number
Optional tag
tag?: keyof IntrinsicElements
Default Value
'html'
 

-
Optional target
target?: string
Optional title
title?: string
Optional translate
translate?: "yes" | "no"
Optional type
type?: string
Optional typeof
typeof?: string
Optional unselectable
unselectable?: "on" | "off"
Optional useMap
useMap?: string
Optional value
value?: string | number | readonly string[]
Optional vocab
vocab?: string
Optional width
width?: string | number
Optional wmode
wmode?: string
Optional wrap
wrap?: string
Settings
Member Visibility
Theme
On This Page
Generated using TypeDoc

\ No newline at end of file
+
Optional target
target?: string
Optional title
title?: string
Optional translate
translate?: "yes" | "no"
Optional type
type?: string
Optional typeof
typeof?: string
Optional unselectable
unselectable?: "on" | "off"
Optional useMap
useMap?: string
Optional value
value?: string | number | readonly string[]
Optional vocab
vocab?: string
Optional width
width?: string | number
Optional wmode
wmode?: string
Optional wrap
wrap?: string
Settings
Member Visibility
Theme
On This Page
Generated using TypeDoc

\ No newline at end of file
diff --git a/docs/modules/client_color_switch_color_switch.html b/docs/modules/client_color_switch_color_switch.html
index 1780e811..a4ed0529 100644
--- a/docs/modules/client_color_switch_color_switch.html
+++ b/docs/modules/client_color_switch_color_switch.html
@@ -1,3 +1,3 @@
-client/color-switch/color-switch | Code Documentation
Module client/color-switch/color-switch
Index
Interfaces
ColorSwitchProps
+client/color-switch/color-switch | Code Documentation
Module client/color-switch/color-switch
Index
Interfaces
ColorSwitchProps
 
Functions
ColorSwitch
 
Settings
Member Visibility
Theme
Generated using TypeDoc

\ No newline at end of file
diff --git a/docs/modules/client_force_color_scheme_force_color_scheme.html b/docs/modules/client_force_color_scheme_force_color_scheme.html
index 4b5c9b6c..7318b0a6 100644
--- a/docs/modules/client_force_color_scheme_force_color_scheme.html
+++ b/docs/modules/client_force_color_scheme_force_color_scheme.html
@@ -1,2 +1,2 @@
-client/force-color-scheme/force-color-scheme | Code Documentation
Module client/force-color-scheme/force-color-scheme
Index
Functions
ForceColorScheme
+client/force-color-scheme/force-color-scheme | Code Documentation
Module client/force-color-scheme/force-color-scheme
Index
Functions
ForceColorScheme
 
Settings
Member Visibility
Theme
Generated using TypeDoc

\ No newline at end of file
diff --git a/docs/modules/client_force_theme_force_theme.html b/docs/modules/client_force_theme_force_theme.html
index 468eb5ad..3388abfa 100644
--- a/docs/modules/client_force_theme_force_theme.html
+++ b/docs/modules/client_force_theme_force_theme.html
@@ -1,2 +1,2 @@
-client/force-theme/force-theme | Code Documentation
Module client/force-theme/force-theme
Index
Functions
ForceTheme
+client/force-theme/force-theme | Code Documentation
Module client/force-theme/force-theme
Index
Functions
ForceTheme
 
Settings
Member Visibility
Theme
Generated using TypeDoc

\ No newline at end of file
diff --git a/docs/modules/client_theme_switcher_theme_switcher.html b/docs/modules/client_theme_switcher_theme_switcher.html
index e3043b5a..e1e3c1ac 100644
--- a/docs/modules/client_theme_switcher_theme_switcher.html
+++ b/docs/modules/client_theme_switcher_theme_switcher.html
@@ -1,4 +1,4 @@
-client/theme-switcher/theme-switcher | Code Documentation
Module client/theme-switcher/theme-switcher
Index
Interfaces
ThemeSwitcherProps
+client/theme-switcher/theme-switcher | Code Documentation
Module client/theme-switcher/theme-switcher
Index
Interfaces
ThemeSwitcherProps
 
Functions
ThemeSwitcher
 useThemeSwitcher
 
Settings
Member Visibility
Theme
Generated using TypeDoc

\ No newline at end of file
diff --git a/docs/modules/server_nextjs_server_side_wrapper_server_side_wrapper.html b/docs/modules/server_nextjs_server_side_wrapper_server_side_wrapper.html
index a81b53fb..388efc04 100644
--- a/docs/modules/server_nextjs_server_side_wrapper_server_side_wrapper.html
+++ b/docs/modules/server_nextjs_server_side_wrapper_server_side_wrapper.html
@@ -1,4 +1,4 @@
-server/nextjs/server-side-wrapper/server-side-wrapper | Code Documentation
Module server/nextjs/server-side-wrapper/server-side-wrapper
References
NextJsServerTarget
+server/nextjs/server-side-wrapper/server-side-wrapper | Code Documentation
Module server/nextjs/server-side-wrapper/server-side-wrapper
References
NextJsServerTarget
 
Interfaces
NextJsSSRThemeSwitcherProps
 ServerSideWrapperProps
 
Type Aliases
ForcedPage
diff --git a/docs/modules/store.html b/docs/modules/store.html
index 6f5d3447..055cde78 100644
--- a/docs/modules/store.html
+++ b/docs/modules/store.html
@@ -1,4 +1,4 @@
-store | Code Documentation
Module store
Index
Namespaces
useTheme
+store | Code Documentation
Module store
Index
Namespaces
useTheme
 
Type Aliases
ColorSchemeType
 ThemeStoreType
 
Variables
initialState
diff --git a/docs/modules/store.useTheme.html b/docs/modules/store.useTheme.html
index 7a6bf0e4..c7289ad4 100644
--- a/docs/modules/store.useTheme.html
+++ b/docs/modules/store.useTheme.html
@@ -1,4 +1,4 @@
-useTheme | Code Documentation
Namespace useTheme
Index
Functions
destroy
+useTheme | Code Documentation
Namespace useTheme
Index
Functions
destroy
 getState
 setState
 subscribe
diff --git a/docs/modules/utils.html b/docs/modules/utils.html
index 8482266d..f9450cd4 100644
--- a/docs/modules/utils.html
+++ b/docs/modules/utils.html
@@ -1,2 +1,2 @@
-utils | Code Documentation
Module utils
Index
Functions
resolveThemeFromColorScheme
+utils | Code Documentation
Module utils
Index
Functions
resolveThemeFromColorScheme
 
Settings
Member Visibility
Theme
Generated using TypeDoc

\ No newline at end of file
diff --git a/docs/types/server_nextjs_server_side_wrapper_server_side_wrapper.ForcedPage.html b/docs/types/server_nextjs_server_side_wrapper_server_side_wrapper.ForcedPage.html
index f7496afe..6ea61904 100644
--- a/docs/types/server_nextjs_server_side_wrapper_server_side_wrapper.ForcedPage.html
+++ b/docs/types/server_nextjs_server_side_wrapper_server_side_wrapper.ForcedPage.html
@@ -1 +1 @@
-ForcedPage | Code Documentation
Type alias ForcedPage
ForcedPage: [pathMatcher: RegExp | string, themes: { 
    colorScheme?: ColorSchemeType; 
    theme?: string; 
}]
Settings
Member Visibility
Theme
Generated using TypeDoc

\ No newline at end of file
+ForcedPage | Code Documentation
Type alias ForcedPage
ForcedPage: [pathMatcher: RegExp | string, themes: { 
    colorScheme?: ColorSchemeType; 
    theme?: string; 
}]
Settings
Member Visibility
Theme
Generated using TypeDoc

\ No newline at end of file
diff --git a/docs/types/store.ColorSchemeType.html b/docs/types/store.ColorSchemeType.html
index 97745d73..06d43c9b 100644
--- a/docs/types/store.ColorSchemeType.html
+++ b/docs/types/store.ColorSchemeType.html
@@ -1 +1 @@
-ColorSchemeType | Code Documentation
Type alias ColorSchemeType
ColorSchemeType: "" | "system" | "dark" | "light"
Settings
Member Visibility
Theme
Generated using TypeDoc

\ No newline at end of file
+ColorSchemeType | Code Documentation
Type alias ColorSchemeType
ColorSchemeType: "" | "system" | "dark" | "light"
Settings
Member Visibility
Theme
Generated using TypeDoc

\ No newline at end of file
diff --git a/docs/types/store.ThemeStoreType.html b/docs/types/store.ThemeStoreType.html
index e7c10b8d..5d040cb3 100644
--- a/docs/types/store.ThemeStoreType.html
+++ b/docs/types/store.ThemeStoreType.html
@@ -1 +1 @@
-ThemeStoreType | Code Documentation
Type alias ThemeStoreType
ThemeStoreType: { 
    colorSchemePref: ColorSchemeType; 
    darkTheme: string; 
    forcedColorScheme?: ColorSchemeType; 
    forcedTheme?: string; 
    lightTheme: string; 
    theme: string; 
}
Type declaration
  • colorSchemePref: ColorSchemeType
  • darkTheme: string
  • Optional forcedColorScheme?: ColorSchemeType
  • Optional forcedTheme?: string
  • lightTheme: string
  • theme: string
Settings
Member Visibility
Theme
Generated using TypeDoc

\ No newline at end of file
+ThemeStoreType | Code Documentation
Type alias ThemeStoreType
ThemeStoreType: { 
    colorSchemePref: ColorSchemeType; 
    darkTheme: string; 
    forcedColorScheme?: ColorSchemeType; 
    forcedTheme?: string; 
    lightTheme: string; 
    theme: string; 
}
Type declaration
  • colorSchemePref: ColorSchemeType
  • darkTheme: string
  • Optional forcedColorScheme?: ColorSchemeType
  • Optional forcedTheme?: string
  • lightTheme: string
  • theme: string
Settings
Member Visibility
Theme
Generated using TypeDoc

\ No newline at end of file
diff --git a/docs/variables/store.initialState.html b/docs/variables/store.initialState.html
index 5495c3fa..b53817c2 100644
--- a/docs/variables/store.initialState.html
+++ b/docs/variables/store.initialState.html
@@ -1 +1 @@
-initialState | Code Documentation
Variable initialStateConst 
initialState: ThemeStoreType = ...
Settings
Member Visibility
Theme
Generated using TypeDoc

\ No newline at end of file
+initialState | Code Documentation
Variable initialStateConst 
initialState: ThemeStoreType = ...
Settings
Member Visibility
Theme
Generated using TypeDoc

\ No newline at end of file
diff --git a/packages/nextjs-themes/src/server/nextjs/server-side-wrapper/server-side-wrapper.tsx b/packages/nextjs-themes/src/server/nextjs/server-side-wrapper/server-side-wrapper.tsx
index dd0630eb..fcf4fde7 100644
--- a/packages/nextjs-themes/src/server/nextjs/server-side-wrapper/server-side-wrapper.tsx
+++ b/packages/nextjs-themes/src/server/nextjs/server-side-wrapper/server-side-wrapper.tsx
@@ -42,6 +42,12 @@ function sharedServerComponentRenderer(
   );
 }
 
+/**
+ * @example
+ * ```tsx
+ * 
+ * ```
+ */
 export function NextJsSSGThemeSwitcher(props: NextJsSSRThemeSwitcherProps) {
   return sharedServerComponentRenderer(props, "div");
 }
@@ -53,8 +59,18 @@ export interface ServerSideWrapperProps extends NextJsSSRThemeSwitcherProps {
   /** @defaultValue 'html' */
   tag?: keyof JSX.IntrinsicElements;
 }
+
 /**
  * Server side wrapper for Next.js to replace `html` tag
+ * @example
+ * ```tsx
+ * 
+ *  
+ *    
+ *    {children}
+ *  
+ * 
+ * ```
  */
 export function ServerSideWrapper(props: ServerSideWrapperProps) {
   return sharedServerComponentRenderer(props, "html");