Call Controller Method on Button Click (After initial page render) to return Temp Signed URL

So I don't believe what I want really is possible per say. Although you can call routes, it doesn't seem like you can return arbitrary data like a standard POST call, since it's necessary to redirect back to some inertia route.

That is to say, a button that would trigger a controller action to return data to use in the React component is not possible without some work arounds.

1. Return data in the initial render and then use that as the props link. This works, but if I wanted dynamic temporary signed routes for N items, and the user would only really interact with a few of them, it's not the greatest design.
2. Setup a traditional Post request and use the data after the Post response. This is fine, just the inertia-react starter kit does not include an axios setup so need to deal with that.
3. Partial Reloads for only the shareURL I can set the share url to be optional and then do a partial reload with only the shareUrl requested. This means all the other data isn't refreshed and the shareUrl is dynamic as initially desired. And the solution I ended up going with

// React Frontend
    const handleShare = () => {
        router.reload({
            only: ['shareUrl'],
            onSuccess: (page) => {
                console.log('Share URL: ' + page.props.shareUrl);

                if (!navigator.clipboard || !page.props.shareUrl) return;

                console.log('Share URL After Check: ' + page.props.shareUrl);
                navigator.clipboard.writeText(page.props.shareUrl as string);
            },
        });
    };

Notice how I use onSuccess page props instead of directly using the shareUrl prop? Because, the shareUrl prop only is populated after I click the shareUrl button twice, a double reload, no idea why.