From f1571cde19fac942b5b8bcecabaeabf6a82a39bf Mon Sep 17 00:00:00 2001
From: Wouter Meetsma <woutermeetsmadropbox@gmail.com>
Date: Thu, 2 Jul 2026 09:11:57 +0200
Subject: [PATCH] fix: satisfy CSSProperties type for hello-pangea/dnd
 draggable style

@radix-ui/react-dialog 1.1.17 augments React.CSSProperties with a
--radix-${string} index signature that DraggingStyle from
@hello-pangea/dnd does not declare, breaking tsc. Cast draggableProps
style to React.CSSProperties at the two spread sites in TestBuilderPage.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/pages/TestBuilderPage.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/pages/TestBuilderPage.tsx b/src/pages/TestBuilderPage.tsx
index 87cfaaef..0752c19b 100644
--- a/src/pages/TestBuilderPage.tsx
+++ b/src/pages/TestBuilderPage.tsx
@@ -467,7 +467,11 @@ export default function TestBuilderPage() {
                                         {uncategorised.map((question, index) => (
                                             <Draggable key={question.id} draggableId={question.id} index={index}>
                                                 {(draggable) => (
-                                                    <div ref={draggable.innerRef} {...draggable.draggableProps}>
+                                                    <div
+                                                        ref={draggable.innerRef}
+                                                        {...draggable.draggableProps}
+                                                        style={draggable.draggableProps.style as React.CSSProperties}
+                                                    >
                                                         <QuestionEditor
                                                             question={question}
                                                             index={questions.indexOf(question)}
@@ -557,6 +561,10 @@ export default function TestBuilderPage() {
                                                                     <div
                                                                         ref={draggable.innerRef}
                                                                         {...draggable.draggableProps}
+                                                                        style={
+                                                                            draggable.draggableProps
+                                                                                .style as React.CSSProperties
+                                                                        }
                                                                     >
                                                                         <QuestionEditor
                                                                             question={question}