diff --git a/lib/components/ViewPublicationPage/questions/Emoji.tsx b/lib/components/ViewPublicationPage/questions/Emoji.tsx
index 70599ea..2a223a5 100644
--- a/lib/components/ViewPublicationPage/questions/Emoji.tsx
+++ b/lib/components/ViewPublicationPage/questions/Emoji.tsx
@@ -29,7 +29,7 @@ type EmojiProps = {
 
 export const Emoji = ({ currentQuestion }: EmojiProps) => {
     const theme = useTheme();
-    const quizId = useQuizData();
+    const { quizId } = useQuizData();
     const { answers } = useQuizViewStore();
     const { answer } =
         answers.find(
diff --git a/lib/components/ViewPublicationPage/questions/File.tsx b/lib/components/ViewPublicationPage/questions/File.tsx
index da859a0..878492c 100644
--- a/lib/components/ViewPublicationPage/questions/File.tsx
+++ b/lib/components/ViewPublicationPage/questions/File.tsx
@@ -118,7 +118,7 @@ const UPLOAD_FILE_DESCRIPTIONS_MAP: Record<
 export const File = ({ currentQuestion }: FileProps) => {
     const theme = useTheme();
     const { answers } = useQuizViewStore();
-    const quizId = useQuizData();
+    const { quizId } = useQuizData();
     const [statusModal, setStatusModal] = useState<"errorType" | "errorSize" | "picture" | "video" | "audio" | "document" | "">("");
 
     const answer = answers.find(
@@ -184,7 +184,7 @@ export const File = ({ currentQuestion }: FileProps) => {
     return (
         <>
             <Box>
-                <Typography variant="h5" color={theme.palette.text.primary} sx={{wordBreak: "break-word"}}>{currentQuestion.title}</Typography>
+                <Typography variant="h5" color={theme.palette.text.primary} sx={{ wordBreak: "break-word" }}>{currentQuestion.title}</Typography>
                 <Box
                     sx={{
                         display: "flex",
diff --git a/lib/components/ViewPublicationPage/questions/Images.tsx b/lib/components/ViewPublicationPage/questions/Images.tsx
index c6ffa8d..7f564cf 100644
--- a/lib/components/ViewPublicationPage/questions/Images.tsx
+++ b/lib/components/ViewPublicationPage/questions/Images.tsx
@@ -22,7 +22,7 @@ type ImagesProps = {
 };
 
 export const Images = ({ currentQuestion }: ImagesProps) => {
-    const quizId =useQuizData();
+    const { quizId } = useQuizData();
     const { answers } = useQuizViewStore();
     const theme = useTheme();
     const answer = answers.find(({ questionId }) => questionId === currentQuestion.id)?.answer;
@@ -31,7 +31,7 @@ export const Images = ({ currentQuestion }: ImagesProps) => {
 
     return (
         <Box>
-            <Typography variant="h5" color={theme.palette.text.primary} sx={{wordBreak: "break-word"}}>{currentQuestion.title}</Typography>
+            <Typography variant="h5" color={theme.palette.text.primary} sx={{ wordBreak: "break-word" }}>{currentQuestion.title}</Typography>
             <RadioGroup
                 name={currentQuestion.id}
                 value={currentQuestion.content.variants.findIndex(
diff --git a/lib/components/ViewPublicationPage/questions/Rating.tsx b/lib/components/ViewPublicationPage/questions/Rating.tsx
index 750300a..cc4209d 100644
--- a/lib/components/ViewPublicationPage/questions/Rating.tsx
+++ b/lib/components/ViewPublicationPage/questions/Rating.tsx
@@ -57,7 +57,7 @@ const buttonRatingForm = [
 ];
 
 export const Rating = ({ currentQuestion }: RatingProps) => {
-    const quizId = useQuizData();
+    const { quizId } = useQuizData();
     const { answers } = useQuizViewStore();
     const theme = useTheme();
     const isMobile = useRootContainerSize() < 650;
@@ -71,7 +71,7 @@ export const Rating = ({ currentQuestion }: RatingProps) => {
 
     return (
         <Box>
-            <Typography variant="h5" color={theme.palette.text.primary} sx={{wordBreak: "break-word"}}>{currentQuestion.title}</Typography>
+            <Typography variant="h5" color={theme.palette.text.primary} sx={{ wordBreak: "break-word" }}>{currentQuestion.title}</Typography>
             <Box
                 sx={{
                     display: "inline-flex",