State Management - Redux vs MobX vs MST

header.ts

interface HeaderProps {
    searchBoxProps: SearchBoxProps;
}

class Header extends Component<HeaderProps> {
    render() {
        return (
            <div>
                <SearchBox {...this.props.searchBoxProps} />
            </div>
        );
    }
}

search-box.ts

interface SearchBoxProps {
    query?: string;
    isLoading: string;
    results: string[];
    onSearch?: (query: string) => void;
}

class SearchBox extends Component<SearchBoxProps> {
    render() {
        // Render the component ..
    }
}