fix: removed unnecesary React import, fixed Dockerfile with new node version, fixed package.json

Author: EstoesMoises

.changeset/dark-seals-watch.md

@@ -0,0 +1,5 @@
+---
+'@stackoverflow/backstage-plugin-stack-overflow-teams': patch
+---
+
+Removed unnecessary React imports

Dockerfile

@@ -7,7 +7,7 @@
 # This is not intended for production use.
 
 # Stage 1 - Create yarn install skeleton layer
-FROM node:22-bookworm-slim AS packages
+FROM node:24-bookworm-slim AS packages
 
 WORKDIR /app
 COPY backstage.json package.json yarn.lock ./
@@ -22,7 +22,7 @@ COPY plugins plugins
 RUN find packages \! -name "package.json" -mindepth 2 -maxdepth 2 -exec rm -rf {} \+
 
 # Stage 2 - Install dependencies and build packages
-FROM node:20-bookworm-slim AS build
+FROM node:24-bookworm-slim AS build
 
 # Set Python interpreter for `node-gyp` to use
 ENV PYTHON=/usr/bin/python3
@@ -60,7 +60,7 @@ RUN mkdir packages/backend/dist/skeleton packages/backend/dist/bundle \
     && tar xzf packages/backend/dist/bundle.tar.gz -C packages/backend/dist/bundle
 
 # Stage 3 - Build the actual backend image and install production dependencies
-FROM node:20-bookworm-slim
+FROM node:24-bookworm-slim
 
 # Set Python interpreter for `node-gyp` to use
 ENV PYTHON=/usr/bin/python3

plugins/search-backend-module-stack-overflow-teams-collator/package.json

@@ -10,9 +10,7 @@
   "main": "src/index.ts",
   "types": "src/index.ts",
   "publishConfig": {
-    "access": "public",
-    "main": "dist/index.esm.js",
-    "types": "dist/index.d.ts"
+    "access": "public"
   },
   "repository": {
     "type": "git",

plugins/stack-overflow-teams/dev/index.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { createDevApp } from '@backstage/dev-utils';
 import { stackOverflowTeamsPlugin, StackOverflowTeamsPage } from '../src/plugin';
 

plugins/stack-overflow-teams/package.json

@@ -5,9 +5,7 @@
   "types": "src/index.ts",
   "license": "Apache-2.0",
   "publishConfig": {
-    "access": "public",
-    "main": "dist/index.esm.js",
-    "types": "dist/index.d.ts"
+    "access": "public"
   },
   "backstage": {
     "role": "frontend-plugin",

plugins/stack-overflow-teams/src/components/StackOverflow/StackOverflowMe.tsx

@@ -1,7 +1,6 @@
 import { useApi } from '@backstage/core-plugin-api';
 import { stackoverflowteamsApiRef, User } from '../../api';
 import { useEffect, useState } from 'react';
-import React from 'react';
 // eslint-disable-next-line no-restricted-imports
 import {
   Box,

plugins/stack-overflow-teams/src/components/StackOverflow/StackOverflowPostQuestionModal.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect, useCallback, useMemo } from 'react';
+import { useState, useEffect, useCallback, useMemo } from 'react';
 import { useApi } from '@backstage/core-plugin-api';
 import Chip from '@mui/material/Chip';
 import { stackoverflowteamsApiRef } from '../../api';

plugins/stack-overflow-teams/src/components/StackOverflow/StackOverflowPosts.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState, useCallback, useMemo, useRef } from 'react';
+import { useEffect, useState, useCallback, useMemo, useRef } from 'react';
 import {
   makeStyles,
   Theme,

plugins/stack-overflow-teams/src/components/StackOverflow/StackOverflowSearchResultListItem.tsx

@@ -15,7 +15,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import React from 'react';
 import { Link } from '@backstage/core-components';
 import Divider from '@material-ui/core/Divider';
 import ListItem from '@material-ui/core/ListItem';

plugins/stack-overflow-teams/src/components/StackOverflow/StackOverflowTags.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState, useCallback } from 'react';
+import { useEffect, useState, useCallback } from 'react';
 import { Link, Progress, ResponseErrorPanel } from '@backstage/core-components';
 import { useStackOverflowData } from './hooks/';
 import {