add methods and store for case reference

components/elements/index.js

@@ -1,5 +1,6 @@
 import useSWR from "swr";
 import { Field, reduxForm } from "redux-form";
+import router from "next/router";
 
 export function Textfield(props) {
     const { name, label } = props;
@@ -293,19 +294,22 @@ export function DecimalField(props) {
     );
 }
 
-export function ReadOnlyfield(props) {
-    const { name, label } = props;
+const RenderCaseID = {};
 
+export function ReadOnlyfield(props) {
+    const { name, label, value } = props;
+    console.log(props.value.refno);
     return (
         <div className="govuk-form-group">
             <label className="govuk-label " htmlFor={props.name}>
                 {props.label}
             </label>
-            <Field
+            <input
+                type="text"
                 name={props.name}
                 id={props.name}
-                component="input"
-                type="text"
+                component={RenderCaseID}
+                value={value}
                 className="govuk-input  govuk-input--width-20"
                 disabled
             />