Typescript: Pass function as type in interface

I'm trying to figure out how to get a type from an existing Typescript function and use it to define an interface. I'm working on a React project and I want to pass ( action creatorfunctionality) into Propsan interface and then as a pass into a React Component Component<Props, State>.

Action creator example:

export function myFunction(foo: string = "bar") {
    return {
        type: "EXAMPLE_ACTION",
        payload: foo,
    }
}

Example component:

import React, { Component } from 'react'
import { connect } from "react-redux"
import { myFunction } from "actions"

export interface Props {
    // This is what I'm trying to and and it ends up in ts error
    myFunc: myFunction
}

class SomeComponent extends Component<Props, {}> {
    render() {
        return (
            <div>
                Example:
                <button onClick={this.props.myFunc("baz")}>Click to dispatch</button>
            </div>
        )
    }
}

export default connect(null, {
    myFunction
})(SomeComponent)

I thought this would work, but frankly it's a typescript bug:

[ts] Cannot find name 'myFunction'

I wonder if I need to define a separate variable to typepass it to the component like this:

export type myFuncType = (foo: string) => { type: string, payload: string }
export const myFunction: myFuncType = (foo: string) => {
    return {
        type: "EXAMPLE_ACTION",
        payload: foo,
    }
}

But this seems too verbose and redundant, requiring another export to be imported. Is there any other workaround?