Install & Compatibility
Where this runs
No compatibility data collected yet for this library.
Code
Verified usage
Verified import paths — ran on the pinned version, not inferred.
formatCPF
✓ import { formatCPF } from 'react-data-formatter'
✗ import formatCPF from 'react-data-formatter'
The library exports named functions, not a default export.
formatCurrency
✓ import { formatCurrency } from 'react-data-formatter'
✗ const { formatCurrency } = require('react-data-formatter'); // This works with CJS but may cause issues in ESM environments.
Works with both ES modules and CommonJS.
formatDocument
✓ import { formatDocument } from 'react-data-formatter'
✗ import { formatCpf } from 'react-data-formatter' // Note the casing: correct is 'formatCPF' with uppercase, not 'formatCpf'.
formatDocument auto-detects CPF vs CNPJ based on input length.
Shows basic usage of three common formatting functions: CPF, phone number, and currency.
import React from 'react';
import { formatCPF, formatPhone, formatCurrency } from 'react-data-formatter';
function Example() {
const cpf = '10425156621';
const phone = '11999999999';
const value = '1234.56';
return (
<div>
<p>CPF: {formatCPF(cpf)}</p>
<p>Phone: {formatPhone(phone)}</p>
<p>Currency: {formatCurrency(value)}</p>
</div>
);
}
export default Example;
Errors
Common errors & fixes
Uncaught TypeError: formatCPF is not a function
Incorrect import: likely used default import instead of named import.
fixUse import { formatCPF } from 'react-data-formatter'. Module not found: Can't resolve 'react-data-formatter'
Package not installed or not in node_modules.
fixRun npm install react-data-formatter or yarn add react-data-formatter.
Audit
Dependencies
reactoptionalThe library is designed for use with React, though it can be used without React as pure formatting functions.