fix(#267): types annotations

src/components/common/BaseCalendar/BaseCalendar.tsx

@@ -1,9 +1,8 @@
-import { FC } from 'react';
-import type { CalendarProps } from 'antd';
-import type { Dayjs } from 'dayjs';
+import { ComponentProps, FC } from 'react';
+import type { Calendar } from 'antd';
 import * as S from './BaseCalendar.styles';
 
-export type BaseCalendarProps = CalendarProps<Dayjs>;
+export type BaseCalendarProps = ComponentProps<typeof Calendar>;
 
 export const BaseCalendar: FC<BaseCalendarProps> = (props) => {
   return <S.Calendar {...props} />;

src/components/common/BaseTable/BaseTable.styles.ts

@@ -85,4 +85,4 @@ export const Table = styled(AntdTable)`
       color: var(--disabled-color);
     }
   }
-` as typeof AntdTable;
+`;

src/components/common/BaseTable/BaseTable.tsx

@@ -1,12 +1,11 @@
-import { TableProps } from 'antd';
+import type { ComponentProps, FC } from 'react';
+import { Table } from 'antd';
 import * as S from './BaseTable.styles';
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-type AnyRecord = Record<PropertyKey, any>;
-
-export type BaseTableProps<T extends AnyRecord> = TableProps<T>;
+export type BaseTableProps = ComponentProps<typeof Table<any>>;
 
 // TODO make generic!
-export const BaseTable = <T extends AnyRecord>(props: BaseTableProps<T>): React.JSX.Element => {
+export const BaseTable: FC<BaseTableProps> = (props) => {
   return <S.Table {...props} />;
 };

src/components/common/forms/BaseForm/BaseForm.tsx

@@ -1,18 +1,17 @@
-import React, { ComponentProps } from 'react';
+import type { ComponentProps, FC } from 'react';
 import { Form, FormInstance } from 'antd';
 import { useTranslation } from 'react-i18next';
-import { ValidateErrorEntity } from 'rc-field-form/lib/interface';
 import { BaseFormTitle } from '@app/components/common/forms/components/BaseFormTitle/BaseFormTitle';
 import { BaseFormItem } from '@app/components/common/forms/components/BaseFormItem/BaseFormItem';
 import { BaseFormList } from '@app/components/common/forms/components/BaseFormList/BaseFormList';
 import { useFeedback } from '@app/hooks/useFeedback';
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-export type BaseFormProps = Omit<ComponentProps<typeof Form>, 'onFinish'> & { onFinish?: (values: any) => void };
+export type BaseFormProps = ComponentProps<typeof Form<any>>;
 
 export type BaseFormInstance = FormInstance;
 
-export interface BaseFormInterface<T> extends React.FC<T> {
+export interface BaseFormInterface<T> extends FC<T> {
   Title: typeof BaseFormTitle;
   Item: typeof BaseFormItem;
   List: typeof BaseFormList;
@@ -24,7 +23,7 @@ export const BaseForm: BaseFormInterface<BaseFormProps> = ({ onFinishFailed, lay
   const { t } = useTranslation();
   const { notification } = useFeedback();
 
-  const onFinishFailedDefault = (error: ValidateErrorEntity<unknown>) => {
+  const onFinishFailedDefault: typeof onFinishFailed = (error) => {
     notification.error({
       message: t('common.error'),
       description: error.errorFields[0].errors,

src/components/medical-dashboard/bloodScreeningCard/BloodScreeningTable/BloodScreeningTable.styles.ts

@@ -27,7 +27,7 @@ export const Table = styled(BaseTable)`
     border: 0;
     cursor: pointer;
   }
-` as typeof BaseTable; // todo: remove type assertion
+`;
 
 export const Text = styled.span<TextProps>`
   color: var(--text-main-color);