Convert Relay Pagination Response to normal list

useConnection.ts

import { useMemo } from 'react';

type Connection<T> = { 
	readonly edges : readonly ({ 
		readonly node? : T | null ;
		readonly cursor?:string
	} | null)[];
};

export function useConnection<T>(connection?:Connection<T>){
	return useMemo(()=> { 
			connection ? 
					(connection.edges
						.filter((edge)=> !!edge?.node))
						.map((edge)=> edge!.node) as T[])
	}, [connection?.edges])
}