fabric-ds/react

Warning: Received `true` for a non-boolean attribute `bleed`.

Closed this issue · 0 comments

I'm getting this warning when running a jest test. Our usage of Box is typically just <Box as="section" bleed className="grid md:grid-cols-3 gap-y-16">

I don't know if https://github.com/fabric-ds/react/blob/main/packages/box/src/component.tsx#L14 should read props.bleed.toString()?

We're on @fabric-ds/react ^1.0.6.

console.error
      Warning: Received `true` for a non-boolean attribute `bleed`.
      
      If you want to write it to the DOM, pass a string instead: bleed="true" or bleed={value.toString()}.
          at section
          at si (/Users/foo/src/bar/baz/node_modules/@fabric-ds/react/packages/box/src/component.tsx:6:23)
          at QuuzPageNew (/Users/foo/src/bar/baz/qux/web/src/components/quuz/QuuzPageNew.tsx:17:62)
          at Provider (/Users/foo/src/bar/baz/node_modules/react-redux/lib/components/Provider.js:21:20)
          at Wrapper (/Users/foo/src/bar/baz/qux/web/__tests__/testHelpers.js:22:24)

      at printWarning (../../node_modules/react-dom/cjs/react-dom.development.js:67:30)
      at error (../../node_modules/react-dom/cjs/react-dom.development.js:43:5)
      at validateProperty$1 (../../node_modules/react-dom/cjs/react-dom.development.js:3521:9)