frontAnswerer/src/WidgetApp.tsx

import { Box } from "@mui/material";
import QuizAnswerer from "./QuizAnswerer";
import { QuizIdContext } from "./contexts/QuizIdContext";


interface Props {
    quizId: string;
}

export default function WidgetApp({ quizId }: Props) {

    return (
        <QuizIdContext.Provider value={quizId}>
            <Box sx={{
                width: "100%",
                height: "100%",
            }}>
                <QuizAnswerer />
            </Box>
        </QuizIdContext.Provider>
    );
}