Bump next and some app deps

.tool-versions

@@ -0,0 +1 @@
+nodejs v18.19.1

app/components/PlayerTableRow.tsx

@@ -64,7 +64,7 @@ export default class PlayerTableRow extends React.Component<IPlayerRowProps> {
                 icon={<DeleteOutlined />}
                 // shape="circle"
                 size="small"
-                type="ghost"
+                type="text"
                 className="remove-player-button"
                 style={{ marginRight: 10 }}
                 onClick={(e) => {

app/lib/store/store.tsx

@@ -1,7 +1,6 @@
 import { applyMiddleware, createStore } from 'redux';
 import { persistStore, persistReducer } from 'redux-persist';
 import storage from 'redux-persist/lib/storage';
-import { composeWithDevTools } from 'redux-devtools-extension';
 import { IPlayer } from '../models/Player';
 import { IScoring } from '../models/Scoring';
 import { IPick, IRoster, ITeam } from '../models/Team';
@@ -192,6 +191,6 @@ const persistConfig = {
 
 const persistedReducer = persistReducer(persistConfig, reducers);
 
-export const store = createStore(persistedReducer, composeWithDevTools(applyMiddleware()));
+export const store = createStore(persistedReducer, applyMiddleware());
 
 export const persistor = persistStore(store);

app/next.config.js

@@ -0,0 +1,17 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  // https://stackoverflow.com/questions/66244968/cannot-use-import-statement-outside-a-module-error-when-importing-react-hook-m
+  transpilePackages: [
+    'antd',
+    'rc-util',
+    '@babel/runtime',
+    '@ant-design/icons',
+    '@ant-design/icons-svg',
+    'rc-pagination',
+    'rc-picker',
+    'rc-tree',
+    'rc-table',
+  ],
+};
+
+module.exports = nextConfig;