Use defaultValue and defaultChecked without change handlers

Author: colinrotherham

stories/Form Elements/Radios.stories.tsx

@@ -19,7 +19,7 @@ export const StandardRadios: Story = {
       id="standard-example"
     >
       <Radios.Item value="yes">Yes</Radios.Item>
-      <Radios.Item value="no" checked>
+      <Radios.Item value="no" defaultChecked>
         No
       </Radios.Item>
     </Radios>
@@ -37,7 +37,7 @@ export const InlineRadios: Story = {
       inline
     >
       <Radios.Item value="yes">Yes</Radios.Item>
-      <Radios.Item value="no" checked>
+      <Radios.Item value="no" defaultChecked>
         No
       </Radios.Item>
     </Radios>
@@ -168,7 +168,7 @@ export const RadiosWithError: Story = {
           <Radios.Item id="example-1" value="yes">
             Yes
           </Radios.Item>
-          <Radios.Item id="example-2" value="no" checked>
+          <Radios.Item id="example-2" value="no" defaultChecked>
             No
           </Radios.Item>
         </Radios>

stories/Form Elements/Select.stories.tsx

@@ -11,11 +11,9 @@ type Story = StoryObj<typeof Select>;
 
 export const Standard: Story = {
   render: (args) => (
-    <Select label="Label text goes here" labelProps={{ size: 'l' }}>
+    <Select label="Label text goes here" labelProps={{ size: 'l' }} defaultValue="2">
       <Select.Option value="1">NHS.UK frontend option 1</Select.Option>
-      <Select.Option value="2" selected>
-        NHS.UK frontend option 2
-      </Select.Option>
+      <Select.Option value="2">NHS.UK frontend option 2</Select.Option>
       <Select.Option value="3" disabled>
         NHS.UK frontend option 3
       </Select.Option>