fix: make server types more generalized

dash-ui · Oct 30, 2021 · 874b7f8 · 874b7f8
1 parent a612eb6
commit 874b7f8
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/server/src/index.tsx b/server/src/index.tsx
@@ -14,7 +14,7 @@ import { renderToStaticMarkup } from "react-dom/server";
  */
 export function toComponent(
   html: string,
-  styles: Styles = defaultStyles
+  styles: Styles<any, any> = defaultStyles
 ): React.ReactElement {
   const { dash } = styles;
   const { names, css } = createStylesFromString(html, styles);
@@ -69,7 +69,7 @@ export interface StyleProps {
   /**
    * An instance of `styles()`. Defaults to the default styles instance in `@dash-ui/styles`.
    */
-  styles?: Styles;
+  styles?: Styles<any, any>;
 }
 
 /**
@@ -82,7 +82,7 @@ export interface StyleProps {
  * // gatsby-ssr.js
  * exports.replaceRenderer = require('＠dash-ui/react/server').createGatsbyRenderer()
  */
-export function createGatsbyRenderer(styles: Styles = defaultStyles) {
+export function createGatsbyRenderer(styles: Styles<any, any> = defaultStyles) {
   /* istanbul ignore next */
   return function replaceRenderer<P = any>(props: P): P {
     // @ts-expect-error

diff --git a/server/types/index.d.ts b/server/types/index.d.ts
@@ -10,7 +10,7 @@ import * as React from "react";
  */
 export declare function toComponent(
   html: string,
-  styles?: Styles
+  styles?: Styles<any, any>
 ): React.ReactElement;
 /**
  * A React component for injecting SSR CSS styles into Next.js documents
@@ -54,7 +54,7 @@ export interface StyleProps {
   /**
    * An instance of `styles()`. Defaults to the default styles instance in `@dash-ui/styles`.
    */
-  styles?: Styles;
+  styles?: Styles<any, any>;
 }
 /**
  * Creates a Gatsby replaceRenderer for injecting styles generated by Dash on
@@ -67,6 +67,6 @@ export interface StyleProps {
  * exports.replaceRenderer = require('＠dash-ui/react/server').createGatsbyRenderer()
  */
 export declare function createGatsbyRenderer(
-  styles?: Styles
+  styles?: Styles<any, any>
 ): <P = any>(props: P) => P;
 export * from "@dash-ui/styles/server";