Skip to content

Fix deprecated React/Apollo Client console warnings #679

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
conorheffron merged 6 commits into from
Jul 4, 2026
Merged

Fix deprecated React/Apollo Client console warnings #679

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
bb8763d
Initial plan
Copilot May 23, 2026
4b0f2df
Initial plan for fixing deprecated React function warnings
Copilot May 23, 2026
308e1b3
Fix deprecated React/Apollo Client warnings and remove dead code
Copilot May 23, 2026
7d0fa64
chore(frontend): move testing-library dom to devDependencies
Copilot Jul 4, 2026
1c33744
fix: revert unintended lockfile dependency bump
Copilot Jul 4, 2026
f6db9a8
Merge main into console warnings fix
Copilot Jul 4, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions frontend/package-lock.json
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

20 changes: 11 additions & 9 deletions frontend/src/App.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,10 +12,18 @@ import RepoIssues from './components/RepoIssues';
import ControlledCarousel from './components/ControlledCarousel';

class App extends Component {
constructor(props) {
super(props);
// Create Apollo Client once for '/donate' route
this.donateClient = new ApolloClient({
link: new HttpLink({ uri: '/graphql' }),
cache: new InMemoryCache(),
});
}

render() {
// Default props
const {
forceRefresh = true,
routes = [
{ path: '/', exact: true, component: Home },
{ path: '/about', exact: true, component: About },
Expand All @@ -29,14 +37,8 @@ class App extends Component {
]
} = this.props;

// Create Apollo Client for '/donate' route
const donateClient = new ApolloClient({
link: new HttpLink({ uri: '/graphql' }),
cache: new InMemoryCache(),
});

return (
<Router forceRefresh={forceRefresh}>
<Router>
<Routes>
{routes.map((route, index) => {
// Wrap the Donate component with ApolloProvider
Expand All @@ -47,7 +49,7 @@ class App extends Component {
path={route.path}
{...(route.exact ? { exact: true } : {})}
element={
<ApolloProvider client={donateClient}>
<ApolloProvider client={this.donateClient}>
<Donate />
</ApolloProvider>
}
Expand Down
Loading