About hooks

Test1.js

import React from 'react';
import { useSelector } from 'react-redux';
import { customExpensiveSelector } from '@utils';

export default function TestComponent({ obj }) {
	if (!obj.someField) {
		return null;
	}

	const value = useSelector(customExpensiveSelector(obj.someField));

	return (
		<div>{value}</div>;
	);
}

import React from 'react';
import { useUser } from '@reduxjs/toolkit/query';

export default function TestComponent({ obj }) {
	if (!obj.userId) {
		return null;
	}

	const value = useUser(obj.userId));

	return (
		<div>{value}</div>;
	);
}