Not getting values from my getValue() function.

tsx // initializing column helper function with argument type similar to that of column object parameters data type value.
  const columnHelper = createColumnHelper<typeof columns>();

  // getting the values of keys for displaying header fields
  const columns = useMemo(
    () =>
      Object.keys(metaData[0]).map((key, id) => {
        return columnHelper.accessor(key.toString(), {
          header: key.toUpperCase(),
        });
      }),
    []
  );

  const defaultColumn = {
    cell: (props) => {
      console.log(props);
      <input value={props.getValue()} />;
    },
  };
 const table = useReactTable({
    data,
    columns,
    defaultColumn,
    getCoreRowModel: getCoreRowModel(),
  });

  const handleTableRowHandler = (
    id,
    value,
    e: React.MouseEvent<HTMLElement>
  ) => {
    e.preventDefault();
    if (isSelected === id) {
      setIsSelected(null);
    } else {
      setIsSelected(id);
      // navigate(navPath!, {
      //   state: value,
      // });
      setEditRowData(value);
      // console.log(value);
    }
  };