diff --git a/src/reactjs/Hydrate.tsx b/src/reactjs/Hydrate.tsx index ce0505831b..8f66c6bfd5 100644 --- a/src/reactjs/Hydrate.tsx +++ b/src/reactjs/Hydrate.tsx @@ -28,13 +28,10 @@ export function useHydrate(state: unknown, options: HydrateOptions = {}) { export interface HydrateProps { state?: unknown options?: HydrateOptions + children?: React.ReactNode } -export const Hydrate: React.FC = ({ - children, - options, - state, -}) => { +export const Hydrate = ({ children, options, state }: HydrateProps) => { useHydrate(state, options) return children as React.ReactElement } diff --git a/src/reactjs/QueryErrorResetBoundary.tsx b/src/reactjs/QueryErrorResetBoundary.tsx index 284de240e2..b380e275bd 100644 --- a/src/reactjs/QueryErrorResetBoundary.tsx +++ b/src/reactjs/QueryErrorResetBoundary.tsx @@ -38,9 +38,9 @@ export interface QueryErrorResetBoundaryProps { | React.ReactNode } -export const QueryErrorResetBoundary: React.FC = ({ +export const QueryErrorResetBoundary = ({ children, -}) => { +}: QueryErrorResetBoundaryProps) => { const value = React.useMemo(() => createValue(), []) return ( diff --git a/src/reactjs/tests/utils.tsx b/src/reactjs/tests/utils.tsx index adfad740f9..c84bc30c1c 100644 --- a/src/reactjs/tests/utils.tsx +++ b/src/reactjs/tests/utils.tsx @@ -81,7 +81,7 @@ export const expectType = (_: T): void => undefined export const expectTypeNotAny = (_: 0 extends 1 & T ? never : T): void => undefined -export const Blink: React.FC<{ duration: number }> = ({ +export const Blink: React.FC> = ({ duration, children, }) => {