Is it possible to capture tab key when tab is pressed at the end of a form?

Question

In our application a form is no trivial, as the form is build based on data from the server and not a flat structure.

Still, the elements are placed (eventually) sequentially, and I'd like to have something happen when tab is pressed in the last element of said form.

The form would look like:

function (props) {
    const {elementTree} = props;
    function onLastElemTabbed(e) {
       console.log("something magical happens")
    }

    return <form>
        <ComponentRenderer elementTree={elementTree}/>
    </form>
}

function ComponentRenderer(props) {
    const {elementTree} = props;
    return <>
        elementTree.map((elem, idx) => {
            if (elem.type === 'input') {
                return <input/>;
            } else if (elem.type === 'fieldset') {
                return <fieldset>
                    <ComponentRenderer elementTree={elem.subGroup}/>
                </fieldset>
            }
        }
    </>
}

I could always pass the function into the ComponentRenderer, but that feels really dirty as it's just passing props down (in another similar form the same renderer is used however there tab on last element press is not important).

Is there a way similar to form's onSubmit function to notice the user has finished all fields?