fix(Button/Checkbox): use JSX pragma

Author: rwieruch

src/common/components/Button/index.tsx

@@ -1,4 +1,7 @@
 import * as React from 'react';
+/** @jsxRuntime classic */
+/** @jsx jsx */
+import { css, jsx } from '@emotion/react';
 
 import styles from './styles';
 

src/common/components/Checkbox/index.tsx

@@ -1,10 +1,13 @@
 import * as React from 'react';
+/** @jsxRuntime classic */
+/** @jsx jsx */
+import { css, jsx } from '@emotion/react';
 
 import styles from './styles';
 
 const Checkbox = React.forwardRef(
   (props: Record<string, any>, ref: React.ForwardedRef<HTMLInputElement>) => {
-    return <input type="checkbox" ref={ref} {...props} css={styles()} />;
+    return <input type="checkbox" ref={ref} {...props} css={styles} />;
   },
 );
 

src/common/components/Checkbox/styles.tsx

@@ -2,6 +2,6 @@
 /** @jsx jsx */
 import { css, jsx } from '@emotion/react';
 
-export default () => css`
+export default css`
   cursor: pointer;
 `;

src/tree/CellTree.tsx

@@ -12,7 +12,7 @@ import { Nullish, State } from '@table-library/react-table-library/types/common'
 import { TableNode } from '@table-library/react-table-library/types/table';
 import { CellTreeProps } from '@table-library/react-table-library/types/tree';
 
-const style = () => css`
+const style = css`
   display: flex;
   align-items: center;
 
@@ -85,7 +85,7 @@ export const CellTree: React.FC<CellTreeProps> = ({
 
   return (
     <Cell {...passThrough}>
-      <div css={style()}>
+      <div css={style}>
         <Button
           className="prefix narrow"
           margin={icon ? mergedTreeIconOptions.margin : mergedTreeIconOptions.noIconMargin}