WithQueryHOC type definition expects all props from parent component

[kevinydhan]

In the following type definition for WithQuery:

import { FunctionComponent } from 'react'

type WithQuery = <Props = Record<string, never>>(
  Component: FunctionComponent<Props>,
  useQueryHook: () => Props
) => FunctionComponent<ReturnType<typeof useQueryHook>>

useQueryHook()'s return type should be one of the following:

1. all of the component's props
2. a subset of the component's props

In addition, the parameter for the WithQueryHOC component should also be one of the two cases:

1. all of the component's props
2. a subset of the component's props

---

Considering these two requirements, a possible type definition would be to use Partial<T> for both useQueryHook()'s return value and the parameter for the WithQueryHOC component:

import { FunctionComponent } from 'react'

type WithQuery = <Props = Record<string, never>>(
  Component: FunctionComponent<Props>,
  useQueryHook: () => Partial<Props>
) => FunctionComponent<ReturnType<typeof useQueryHook>>

However, this poses the problem where calling React.createElement() with partial props will trigger a TypeScript warning.