const columns = React.useMemo(() => [
		{
			Header: 'Code', accessor: 'thing.code',
			Cell: function Cell({cell, row, column, handleThingChange, value: initialValue})
			{
				const [value, setValue] = React.useState(initialValue)
				const [thing, setThing] = React.useState({})
				const onChange = (event, nValue) =>
				{
					setValue(nValue.code)
					setThing(nValue)
					doFetch({url: "apiCall"})
				}
				const onBlur = () =>
				{
					handleThingChange(row, column, value, thing)
				}
				React.useEffect(() =>
				{
					setValue(initialValue)
				}, [initialValue])
 const code = <Autocomplete
					id="autocomplete-thing"
				 	size="string"
				 	sx={{minWidth:"150px"}}
				 	type="text"
				 	onChange={(event, nValue) => {onChange(event, nValue)}}
					onBlur={onBlur}
				 	fullWidth={true}
					disabled={(docState === docStates.EDIT || docState === docStates.ADD) ? false : true }
				 	options={things !== null ? things : [0]} 
				 	value={{code: value}} 
				 	getOptionLabel={(option) => option.code}
					isOptionEqualToValue={(option, value) => option.code == value.code}
					renderInput={(params) => <TextField size="string" type="text" variant="standard" {...params} />} />;	
				
				return code;
			},`