列表组件中的React-admin TextField显示为"null“。我可以将此转换为空白吗？

import React from 'react';
import { TextField } from 'react-admin';

const NullableTextField = ({ record, source }) => {
  const value = record[source];
  return value === null ? '' : <TextField record={record} source={source} />;
};

export default NullableTextField;

import React from 'react';
import { List, Datagrid } from 'react-admin';
import NullableTextField from './NullableTextField';

const MyList = (props) => (
  <List {...props}>
    <Datagrid>
      <NullableTextField source="name" />
      {/* 其他字段 */}
    </Datagrid>
  </List>
);

export default MyList;