From a139f7b25b939b74a3a28eed12ba7b43a4ae8a50 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julian=20T=C3=B6lle?= <julian.toelle97@gmail.com>
Date: Sat, 7 Nov 2020 19:23:37 +0100
Subject: [PATCH] fix(frontend): improper usage of select element

The <select> element must receive the current value through the `value`
prop and not by setting `selected` on the current option.

Reference: https://reactjs.org/docs/forms.html#the-select-tag
---
 frontend/src/components/ReportTimeOptions.tsx | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/ReportTimeOptions.tsx b/frontend/src/components/ReportTimeOptions.tsx
index 6cc5097..5763786 100644
--- a/frontend/src/components/ReportTimeOptions.tsx
+++ b/frontend/src/components/ReportTimeOptions.tsx
@@ -34,13 +34,10 @@ export const ReportTimeOptions: React.FC<ReportTimeOptionsProps> = ({
               timePreset: e.target.value as TimePreset,
             })
           }
+          value={timeOptions.timePreset}
         >
           {timePresetOptions.map(({ value, description }) => (
-            <option
-              value={value}
-              key={value}
-              selected={value === timeOptions.timePreset}
-            >
+            <option value={value} key={value}>
               {description}
             </option>
           ))}