Received `true` for a non-boolean attribute `far`

I created a new react app using create-react-app and went to setup my Double Nav. The page loads but I get the error 'Received `true` for a non-boolean attribute `far` ' in reference to the SideNavCat component. This is without any changes to the code before executing.

The full error:

index.js:1446 Warning: Received `true` for a non-boolean attribute `far`.

If you want to write it to the DOM, pass a string instead: far="true" or far={value.toString()}.
in a (created by SideNavCat)
in li (created by SideNavCat)
in SideNavCat (at sidenav/index.js:105)
in ul (created by t)
in li (created by t)
in t (at sidenav/index.js:96)
in ul (created by t)
in div (created by t)
in Transition (created by CSSTransition)
in CSSTransition (created by t)
in div (created by t)
in t (at sidenav/index.js:56)
in div (at sidenav/index.js:55)
in Router (created by BrowserRouter)
in BrowserRouter (at sidenav/index.js:54)
in DoubleNavigationPage (at App.js:15)
in div (at App.js:14)
in App (at src/index.js:8)
in Router (created by BrowserRouter)
in BrowserRouter (at src/index.js:8)
function.console.(anonymous function) @ index.js:1446

Most of the other issues I've seen with this error have been resolve by an application update. Such as here.