docs: remove defaultProps from components

reactive · May 14, 2024 · a66d51e · a66d51e
1 parent bf1f9bb
commit a66d51e
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 45 deletions.
diff --git a/docs/core/api/useQuery.md b/docs/core/api/useQuery.md
@@ -15,7 +15,9 @@ import VoteDemo from '../shared/\_VoteDemo.mdx';
 
 Query the store.
 
-Renders any [Queryable Schema](/rest/api/schema#queryable) from the store.
+Renders any [Queryable Schema](/rest/api/schema#queryable) like [Entity](/rest/api/Entity), [All](/rest/api/All), [Collection](/rest/api/Collection), [Query](/rest/api/Query),
+and [Union](/rest/api/Union) from the store.
+
 [Queries](/rest/api/Query) are a great companion to efficiently render aggregate computations like those that use [groupBy](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/groupBy#browser_compatibility),
 [map](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map), [reduce](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce), and [filter](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter).
 

diff --git a/website/src/components/HooksPlayground.tsx b/website/src/components/HooksPlayground.tsx
@@ -11,11 +11,11 @@ const HooksPlayground = ({
   children,
   groupId,
   hidden = false,
-  defaultOpen,
+  defaultOpen = 'n',
   row = false,
-  fixtures,
+  fixtures = [],
   defaultTab,
-  getInitialInterceptorData,
+  getInitialInterceptorData = () => ({}),
 }: PlaygroundProps) => (
   <Playground
     noInline
@@ -34,21 +34,16 @@ const HooksPlayground = ({
     : children.props.children}
   </Playground>
 );
-HooksPlayground.defaultProps = {
-  defaultOpen: 'n' as const,
-  fixtures: [] as Fixture[],
-  getInitialInterceptorData: () => ({}),
-};
 export default memo(HooksPlayground);
 
 //child.props.children.props.title
 
 interface PlaygroundProps<T = any> {
   groupId: string;
-  defaultOpen: 'y' | 'n';
+  defaultOpen?: 'y' | 'n';
   row: boolean;
   hidden: boolean;
-  fixtures: (Fixture | Interceptor<T>)[];
+  fixtures?: (Fixture | Interceptor<T>)[];
   getInitialInterceptorData?: () => T;
   children: React.ReactNode;
   reverse?: boolean;

diff --git a/website/src/components/Playground/Header.tsx b/website/src/components/Playground/Header.tsx
@@ -12,7 +12,7 @@ export default function Header({
   children,
   className,
   onClick,
-  small,
+  small = false,
 }: {
   children: React.ReactNode;
   className?: string;
@@ -33,6 +33,3 @@ export default function Header({
     </div>
   );
 }
-Header.defaultProps = {
-  small: false,
-};
diff --git a/website/src/components/Playground/index.tsx b/website/src/components/Playground/index.tsx
@@ -23,6 +23,7 @@ type LiveProviderProps = {
   noInline?: boolean;
   scope?: Record<string, unknown>;
   theme?: PrismTheme;
+  hidden?: boolean;
   transformCode?(code: string): void;
 };
 
@@ -31,16 +32,16 @@ export default function Playground<T>({
   transformCode,
   groupId,
   defaultOpen,
-  row,
-  hidden,
+  row = false,
+  hidden = false,
   fixtures,
   getInitialInterceptorData,
   defaultTab,
   ...props
 }: Omit<LiveProviderProps, 'ref'> & {
   groupId: string;
   defaultOpen: 'y' | 'n';
-  row: boolean;
+  row?: boolean;
   children: string | any[];
   fixtures: (Fixture | Interceptor<T>)[];
   getInitialInterceptorData?: () => T;
@@ -77,10 +78,6 @@ export default function Playground<T>({
     </>
   );
 }
-Playground.defaultProps = {
-  row: false,
-  hidden: false,
-};
 
 function PlaygroundContent<T>({
   reverse,
@@ -155,10 +152,10 @@ const PreviewWithScopeLazy = lazy(() =>
 
 function Reversible({
   children,
-  reverse,
+  reverse = false,
 }: {
   children: React.ReactNode[];
-  reverse: boolean;
+  reverse?: boolean;
 }): React.ReactElement {
   const newchild = [...children];
   newchild.reverse();
@@ -167,6 +164,3 @@ function Reversible({
   }
   return children as any;
 }
-Reversible.defaultProps = {
-  reverse: false,
-};
diff --git a/website/src/components/StackBlitz.tsx b/website/src/components/StackBlitz.tsx
@@ -6,15 +6,15 @@ import { useHasIntersected } from './useHasIntersected';
 
 export default function StackBlitz({
   app,
-  width,
-  height,
-  hidedevtools,
-  view,
-  terminalHeight,
-  hideNavigation,
+  width = '100%',
+  height = '500',
+  hidedevtools = '1',
+  view = 'both',
+  terminalHeight = '0',
+  hideNavigation = '1',
   file,
-  ctl,
-  initialpath,
+  ctl = '0',
+  initialpath = '',
 }) {
   const embed = '1';
   const params = new URLSearchParams({
@@ -74,13 +74,3 @@ export default function StackBlitz({
     </>
   );
 }
-StackBlitz.defaultProps = {
-  width: '100%',
-  height: '500',
-  hidedevtools: '1',
-  view: 'both',
-  terminalHeight: '0',
-  hideNavigation: '1',
-  ctl: '0',
-  initialpath: '',
-};