Easily rearange sections using a Hook POC

useOrderComponents.tsx

// Types
enum DefaultSectionOrder {
  Feedback,
  Header,
}
enum variant1 {
  Header,
  Feedback,
}

// Give random order
export const useOrderComponents = () =>  Math.floor(Math.random() * 2) ? DefaultSectionOrder | variant1;

// useOrderComponents Hook
const MyFooComponent = () => {
const {order} = useOrderComponents();
  return <>
    <Feedback $order={order.Feedback}/>
    <Header $order={order.Header}/>
  </>
}