react-native-my-survey-sdk 2.2.1 → 2.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-my-survey-sdk",
-  "version": "2.2.1",
+  "version": "2.2.2",
   "description": "Xebo survey collection SDK for React Native",
   "main": "src/index.ts",
   "types": "src/index.ts",

package/src/components/XeboSurveyModal.tsx

@@ -149,28 +149,28 @@ export const XeboSurveyModal: React.FC = () => {
     const lastRealIndex = questions.findIndex(q => q.id === 'thank_you_auto') - 1;
     const isLast = questionIndex === lastRealIndex;
 
-    // key={question.id} forces React to unmount/remount on question change,
+    // key must be passed directly (not via spread) — forces unmount/remount on question change,
     // resetting all component state (selected score, text, etc.)
-    const commonProps = { key: question.id, question, isLastQuestion: isLast, onAnswer: handleAnswer };
+    const commonProps = { question, isLastQuestion: isLast, onAnswer: handleAnswer };
 
     switch (question.type) {
       case XeboQuestionType.singleChoice:
-        return <XeboSingleChoiceView {...commonProps} />;
+        return <XeboSingleChoiceView key={question.id} {...commonProps} />;
       case XeboQuestionType.multipleChoice:
-        return <XeboMultipleChoiceView {...commonProps} />;
+        return <XeboMultipleChoiceView key={question.id} {...commonProps} />;
       case XeboQuestionType.dropdown:
-        return <XeboDropdownView {...commonProps} />;
+        return <XeboDropdownView key={question.id} {...commonProps} />;
       case XeboQuestionType.singleTextBox:
       case XeboQuestionType.multipleTextBox:
-        return <XeboTextBoxView {...commonProps} />;
+        return <XeboTextBoxView key={question.id} {...commonProps} />;
       case XeboQuestionType.nps:
-        return <XeboNPSView {...commonProps} />;
+        return <XeboNPSView key={question.id} {...commonProps} />;
       case XeboQuestionType.multiNps:
-        return <XeboMultiNPSView {...commonProps} />;
+        return <XeboMultiNPSView key={question.id} {...commonProps} />;
       case XeboQuestionType.rating:
-        return <XeboRatingView {...commonProps} />;
+        return <XeboRatingView key={question.id} {...commonProps} />;
       case XeboQuestionType.multiRating:
-        return <XeboMultiRatingView {...commonProps} />;
+        return <XeboMultiRatingView key={question.id} {...commonProps} />;
       default:
         return null;
     }