Prettier fails to newline function call which exceeds 80 col limit (in JSX)

Prettier 1.7.4
Playground link

--parser typescript
--tab-width 4

Input:

const Thing = connect(mapStateToProps, mapDispatchToProps)((): JSX.Element => (
    <div>
        <div>
            <TableThing
                postTableRenderCallback={
                    getFuncToRegisterAlertDetailsClickHandlers(
                        alerts,
                        alertDetailsLinkCallback
                    )
                }
            />
        </div>
    </div>
));

Output:
Exceeds 80 col limit

const Thing = connect(mapStateToProps, mapDispatchToProps)((): JSX.Element => (
    <div>
        <div>
            <TableThing
                postTableRenderCallback={getFuncToRegisterAlertDetailsClickHandlers(
                    alerts,
                    alertDetailsLinkCallback
                )}
            />
        </div>
    </div>
));

Expected behavior:
With newlined/nested function, doesn't exceed 80 col limit

const Thing = connect(mapStateToProps, mapDispatchToProps)((): JSX.Element => (
    <div>
        <div>
            <TableThing
                postTableRenderCallback={
                    getFuncToRegisterAlertDetailsClickHandlers(
                        alerts,
                        alertDetailsLinkCallback
                    )
                }
            />
        </div>
    </div>
));

Start with the linked Prettier Playground reproduction using the TypeScript parser and tab width 4, then compare the current output with the expected nested function-call formatting. Done means the JSX call is broken across lines so the result stays within the 80-column limit, with coverage for this input and output.