Remove warning factbox (#1268)

* Change warning Factbox

* bumped version

* version package-lock

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@statisticsnorway/ssb-component-library",
-  "version": "2.2.13",
+  "version": "2.2.14",
   "description": "Component library for SSB (Statistics Norway)",
   "main": "lib/bundle.js",
   "scripts": {

src/components/FactBox/factbox.test.jsx

@@ -3,13 +3,23 @@ import { screen, render } from '../../utils/test'
 import FactBox from './index'
 
 describe('FactBox component', () => {
+  let warnSpy
+
+  beforeEach(() => {
+    warnSpy = jest.spyOn(console, 'warn').mockImplementation(() => {})
+  })
+
+  afterEach(() => {
+    warnSpy.mockRestore()
+  })
   test('Matches the snapshot', () => {
     const { asFragment } = render(<FactBox header='fact box header' text='fact box Text' />)
     expect(asFragment()).toMatchSnapshot()
   })
   test('set openByDefault', async () => {
     const text = 'fact box Text'
     render(<FactBox header='fact box header' text={text} openByDefault />)
+    expect(warnSpy).toHaveBeenCalled()
 
     expect(await screen.findByText(text)).toBeVisible()
   })

src/components/FactBox/index.jsx

@@ -1,16 +1,22 @@
-import React from 'react'
+import React, { useEffect } from 'react'
 import PropTypes from 'prop-types'
 import Accordion from '../Accordion'
 
-console.warn('Warning: FactBox is deprecated and will be removed in a future release. Please use ExpansionBox instead.')
+const FactBox = ({ className, header, openByDefault = false, text }) => {
+  useEffect(() => {
+    console.warn(
+      'Warning: FactBox is deprecated and will be removed in a future release. Please use ExpansionBox instead.'
+    )
+  }, [])
 
-const FactBox = ({ className, header, openByDefault = false, text }) => (
-  <div className={`ssb-fact-box${className ? ` ${className}` : ''}`}>
-    <Accordion header={header} openByDefault={openByDefault} withoutBorders>
-      {text}
-    </Accordion>
-  </div>
-)
+  return (
+    <div className={`ssb-fact-box${className ? ` ${className}` : ''}`}>
+      <Accordion header={header} openByDefault={openByDefault} withoutBorders>
+        {text}
+      </Accordion>
+    </div>
+  )
+}
 
 FactBox.propTypes = {
   className: PropTypes.string,