/* eslint-disable @typescript-eslint/no-explicit-any */

import { State } from ".";
import { h } from "preact";
// import { memo } from "preact/compat";
import { connect, ConnectedComponent } from "react-redux";

export function connectState<T>(
    component: (props: any) => h.JSX.Element | null,
    mapKeys: (state: State, props: T) => any,
    useDispatcher?: boolean
): ConnectedComponent<(props: any) => h.JSX.Element | null, T> {
    return (
        useDispatcher
            ? connect(mapKeys, (dispatcher) => {
                  return { dispatcher };
              })
            : connect(mapKeys)
    )(component); //(memo(component));
}