How can I send/receive a PHP associative array as a JS Map instead of a JS Object or Array? [typescript] [vue3] [laravel10]

[Manueljlin]

(fwiw this is pseudocode since the actual code is very dense and specific)

// --- snip ---

public function edit($id)
{
    return Inertia::render('TodoList/Details', [
        '_todoItems' => $this->getTodoItems($id)
    ]);
}

// --- snip ---

public function getTodoItems(
    int $todoListId,
    \Illuminate\Database\Connection $conn
) {
    return $conn
        ->table('todo_items')
        ->where('listId', $todoListId)
        ->get([
            'id',
            'title',
            'content',
        ])
        ->reduce(function ($_acc, $_item) { // turn to map fmt
            if (!isset($_acc))
                $_acc = [];

            $_acc[$_item->id] = [
                $_item->title,
                $_item->content
            ];

            return $_acc; // expecting Map<number, [title: string, content: string> in TS/JS
        });
}

<script setup lang="ts">
import { usePage } from "@inertiajs/vue3"

const _page = usePage<{
  _todoItems: Map<number, [title: string, content: string]>
}>()
</script>
<template>
  <!-- If the assoc. array from the PHP side begins with a 0 it'll always be a regular array in JS -->
  <!-- If the assoc. array from PHP begins with 1 or is a string, it'll always be a JS Object -->
  {{ _page.props._todoItems instanceof Map }} <!-- false -->
</template>