useStateIfMounted: Use this instead of useState with Inertia.js if running into "Can't perform a React state update on an unmounted component". The error happens because the server-side redirect doesn't give your component enough time to clean up.

useStateIfMounted.ts

import { useEffect, useRef, useState } from "react";

export default function useStateIfMounted<T>(
    initialState: T
): [T, (newState: T) => void] {
    const isMounted = useRef(true);
    const [state, setState] = useState(initialState);

    useEffect(() => {
        return () => {
            isMounted.current = false;
        };
    }, []);

    const setStateIfMounted = (newState: any) => {
        if (isMounted.current) {
            setState(newState);
        }
    };

    return [state, setStateIfMounted];
}

// Usage
const [name, setName] = useStateIfMounted("");